@decido/ui 0.0.0

package/dist/components/landing/landing-button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface LandingButtonProps {
+    text: string;
+    icon?: string;
+    href?: string;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+declare const LandingButton: React.FC<LandingButtonProps>;
+export default LandingButton;

package/dist/components/landing/landing-button.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LandingButton = ({ text, icon, href = '#', onClick, }) => {
+    return (_jsx("a", { href: href, onClick: onClick, className: "btn-premium px-6 py-3 rounded-xl font-semibold text-sm inline-block", children: _jsxs("span", { className: "relative z-10 flex items-center justify-center", children: [icon && _jsx("i", { className: `${icon} mr-2` }), text] }) }));
+};
+export default LandingButton;

package/dist/components/landing/landing-card.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LandingCardProps {
+    children: React.ReactNode;
+}
+declare const LandingCard: React.FC<LandingCardProps>;
+export default LandingCard;

package/dist/components/landing/landing-card.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const LandingCard = ({ children }) => {
+    return (_jsx("div", { className: "glass-premium rounded-3xl p-10 relative overflow-hidden", children: children }));
+};
+export default LandingCard;

package/dist/components/landing/landing-cta.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface LandingCtaProps {
+    title: string;
+    subtitle: string;
+    buttonText: string;
+    trustText: string;
+    onButtonClick: () => void;
+}
+declare const LandingCta: React.FC<LandingCtaProps>;
+export default LandingCta;

package/dist/components/landing/landing-cta.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LandingCta = ({ title, subtitle, buttonText, trustText, onButtonClick, }) => {
+    return (_jsx("section", { className: "py-40 bg-linear-to-br from-purple-900/30 via-blue-900/30 to-cyan-900/30 relative overflow-hidden", children: _jsx("div", { className: "container mx-auto px-6 text-center relative z-10", children: _jsxs("div", { className: "max-w-5xl mx-auto scroll-reveal", children: [_jsx("h2", { className: "text-6xl md:text-8xl font-black mb-12 leading-tight", dangerouslySetInnerHTML: { __html: title } }), _jsx("p", { className: "text-xl md:text-2xl text-gray-300 mb-16 leading-relaxed", dangerouslySetInnerHTML: { __html: subtitle } }), _jsx("button", { onClick: onButtonClick, className: "btn-premium text-white font-black py-8 px-16 rounded-3xl text-2xl mb-8 inline-flex items-center group hover:scale-105 transition-all duration-300", children: _jsxs("span", { className: "relative z-10 flex items-center", children: [_jsx("i", { className: "fas fa-rocket mr-4 text-3xl" }), buttonText, _jsx("i", { className: "fas fa-arrow-right ml-4 text-3xl group-hover:translate-x-2 transition-transform" })] }) }), _jsx("p", { className: "text-sm text-gray-400 mt-8", children: trustText })] }) }) }));
+};
+export default LandingCta;

package/dist/components/landing/landing-feature-card.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+interface DemoLine {
+    color: string;
+    prefix: string;
+    text: string;
+}
+interface DemoTask {
+    color: string;
+    label: string;
+    time: string;
+    text: string;
+}
+interface DemoMoodInsight {
+    icon: string;
+    color: string;
+    text: string;
+}
+interface Demo {
+    title: string;
+    lines?: DemoLine[];
+    tasks?: DemoTask[];
+    moods?: any;
+    insights?: DemoMoodInsight[];
+}
+interface LandingFeatureCardProps {
+    data: {
+        icon: string;
+        title: string;
+        description: string;
+        powered_by: string;
+        demo?: Demo;
+    };
+}
+declare const LandingFeatureCard: React.FC<LandingFeatureCardProps>;
+export default LandingFeatureCard;

package/dist/components/landing/landing-feature-card.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import LandingCard from './landing-card'; // Assuming LandingCard is now a React component
+const LandingFeatureCard = ({ data }) => {
+    const getIconWrapperClass = () => {
+        if (data.icon.includes('fa-brain'))
+            return 'from-cyan-500 via-cyan-600 to-cyan-700';
+        if (data.icon.includes('fa-journal-whills'))
+            return 'from-yellow-500 via-orange-500 to-red-500';
+        return 'from-purple-500 via-purple-600 to-purple-700';
+    };
+    const getTaglineBorderClass = () => {
+        if (data.icon.includes('fa-brain'))
+            return 'bg-cyan-900/30 border-cyan-500/30 text-cyan-300';
+        if (data.icon.includes('fa-journal-whills'))
+            return 'bg-yellow-900/30 border-yellow-500/30 text-yellow-300';
+        return 'bg-purple-900/30 border-purple-500/30 text-purple-300';
+    };
+    const renderDemo = () => {
+        const { demo } = data;
+        if (!demo)
+            return null;
+        if (demo.lines) {
+            return (_jsxs("div", { className: "glass rounded-2xl p-6 text-left mb-6 font-mono text-sm space-y-3", children: [_jsxs("div", { className: "text-green-400 mb-4 flex items-center", children: [_jsx("i", { className: "fas fa-terminal mr-3" }), demo.title] }), demo.lines.map((line, index) => (_jsxs("div", { className: "flex items-start", children: [_jsx("span", { className: `${line.color} mr-3`, children: line.prefix }), _jsx("span", { className: "text-gray-300", children: line.text })] }, index)))] }));
+        }
+        if (demo.tasks) {
+            return (_jsxs("div", { className: "glass rounded-2xl p-6 mb-6 space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("span", { className: "text-sm font-semibold text-gray-300", children: demo.title }), _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "w-2 h-2 bg-green-400 rounded-full animate-pulse mr-2" }), _jsx("span", { className: "text-xs text-green-400 font-mono", children: "ACTIVO" })] })] }), demo.tasks.map((task, index) => (_jsxs("div", { className: `bg-${task.color}-900/40 border border-${task.color}-500/30 rounded-lg p-3 text-sm`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: `text-${task.color}-300`, dangerouslySetInnerHTML: { __html: task.label } }), _jsx("span", { className: "text-xs text-gray-400", children: task.time })] }), _jsx("div", { className: "text-gray-300 mt-1", children: task.text })] }, index)))] }));
+        }
+        if (demo.moods) {
+            return (_jsxs("div", { className: "glass rounded-2xl p-6 mb-6", children: [_jsx("div", { className: "text-sm text-gray-300 mb-4 font-semibold", children: demo.title }), _jsxs("div", { className: "flex items-end justify-between h-20 mb-4 px-2", children: [_jsx("div", { className: "w-4 bg-red-400 rounded-t", style: { height: '30%' } }), _jsx("div", { className: "w-4 bg-yellow-400 rounded-t", style: { height: '50%' } }), _jsx("div", { className: "w-4 bg-green-400 rounded-t", style: { height: '70%' } }), _jsx("div", { className: "w-4 bg-green-400 rounded-t", style: { height: '65%' } }), _jsx("div", { className: "w-4 bg-blue-400 rounded-t", style: { height: '80%' } }), _jsx("div", { className: "w-4 bg-purple-400 rounded-t", style: { height: '85%' } }), _jsx("div", { className: "w-4 bg-cyan-400 rounded-t", style: { height: '75%' } })] }), _jsx("div", { className: "text-xs text-gray-400 text-left space-y-2", children: demo.insights?.map((insight, index) => (_jsxs("div", { className: "flex items-center", children: [_jsx("i", { className: `${insight.icon} ${insight.color} mr-2` }), _jsx("span", { children: insight.text })] }, index))) })] }));
+        }
+        return null;
+    };
+    return (_jsx(LandingCard, { children: _jsxs("div", { className: "feature-card glass-premium rounded-3xl p-10 text-center h-full flex flex-col", children: [_jsxs("div", { className: "flex-grow", children: [_jsx("div", { className: `w-20 h-20 bg-linear-to-br ${getIconWrapperClass()} rounded-3xl flex items-center justify-center mx-auto mb-6 shadow-2xl animate-pulse-glow`, children: _jsx("i", { className: `${data.icon} text-3xl text-white` }) }), _jsx("h3", { className: "text-3xl font-bold mb-4 gradient-text", children: data.title }), _jsx("p", { className: "text-lg text-gray-300 leading-relaxed mb-8", dangerouslySetInnerHTML: { __html: data.description } }), renderDemo()] }), _jsx("div", { className: "bg-purple-900/30 rounded-xl p-4 border border-purple-500/30 mt-auto", children: _jsxs("div", { className: `text-sm font-semibold ${getTaglineBorderClass()}`, children: [_jsx("i", { className: "fas fa-magic mr-2" }), data.powered_by] }) })] }) }));
+};
+export default LandingFeatureCard;

package/dist/components/landing/landing-footer.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface SocialLink {
+    href: string;
+    icon: string;
+}
+interface FooterLink {
+    href: string;
+    text: string;
+}
+interface LandingFooterProps {
+    data: {
+        socials?: SocialLink[];
+        copyright: string;
+        links?: FooterLink[];
+    };
+}
+declare const LandingFooter: React.FC<LandingFooterProps>;
+export default LandingFooter;

package/dist/components/landing/landing-footer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LandingFooter = ({ data }) => {
+    if (!data)
+        return null;
+    return (_jsx("footer", { className: 'py-20 bg-gray-900 border-t border-gray-800 relative', children: _jsxs("div", { className: 'container mx-auto px-6', children: [_jsxs("div", { className: 'text-center mb-12', children: [_jsxs("div", { className: 'flex items-center justify-center space-x-4 mb-6', children: [_jsx("div", { className: 'w-12 h-12 bg-linear-to-br from-purple-500 via-blue-500 to-cyan-500 rounded-xl flex items-center justify-center shadow-xl', children: _jsx("i", { className: 'fas fa-brain text-white text-xl' }) }), _jsxs("div", { children: [_jsx("div", { className: 'text-2xl font-bold gradient-text', children: "Decido" }), _jsx("div", { className: 'text-sm text-gray-400 font-mono', children: "Tu Arquitecto de Vida IA" })] })] }), _jsx("p", { className: 'text-gray-400 max-w-2xl mx-auto mb-8', children: "Construyendo el futuro del crecimiento personal, una vida transformada a la vez." }), _jsx("div", { className: 'flex items-center justify-center space-x-8 text-gray-400', children: data.socials?.map((social, index) => (_jsx("a", { href: social.href, className: 'hover:text-white transition-colors hover:scale-110 transform', children: _jsx("i", { className: `${social.icon} text-2xl` }) }, index))) })] }), _jsx("div", { className: 'border-t border-gray-800 pt-8 text-center', children: _jsxs("div", { className: 'flex flex-col md:flex-row items-center justify-between text-gray-500 text-sm', children: [_jsx("p", { children: data.copyright }), _jsx("div", { className: 'flex items-center space-x-6 mt-4 md:mt-0', children: data.links?.map((link, index) => (_jsx("a", { href: link.href, className: 'hover:text-white transition-colors', children: link.text }, index))) })] }) })] }) }));
+};
+export default LandingFooter;

package/dist/components/landing/landing-header.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface NavLink {
+    href: string;
+    text: string;
+}
+interface LandingHeaderProps {
+    data: {
+        logo?: {
+            icon: string;
+            text: string;
+            version: string;
+        };
+        links?: NavLink[];
+        cta?: {
+            text: string;
+            onClick: () => void;
+        };
+    };
+}
+declare const LandingHeader: React.FC<LandingHeaderProps>;
+export default LandingHeader;

package/dist/components/landing/landing-header.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LandingHeader = ({ data }) => {
+    if (!data)
+        return null;
+    return (_jsx("nav", { className: 'fixed top-0 w-full z-40 transition-all duration-300', id: 'navbar', children: _jsx("div", { className: 'container mx-auto px-6 py-4', children: _jsxs("div", { className: 'flex items-center justify-between', children: [_jsxs("div", { className: 'flex items-center space-x-3', children: [_jsx("div", { className: 'w-10 h-10 bg-linear-to-br from-purple-500 via-blue-500 to-cyan-500 rounded-xl flex items-center justify-center shadow-lg animate-pulse-glow', children: _jsx("i", { className: `${data.logo?.icon} text-white` }) }), _jsxs("div", { children: [_jsx("div", { className: 'text-xl font-bold gradient-text', children: data.logo?.text }), _jsx("div", { className: 'text-xs text-gray-400 font-mono', children: data.logo?.version })] })] }), _jsx("div", { className: 'hidden md:flex items-center space-x-8', children: data.links?.map((link, index) => (_jsx("a", { href: link.href, className: 'text-gray-300 hover:text-white transition-colors font-medium', children: link.text }, index))) }), _jsx("button", { onClick: data.cta?.onClick, className: "btn-premium px-6 py-3 rounded-xl font-semibold text-sm", children: _jsx("span", { className: "relative z-10", children: data.cta?.text }) })] }) }) }));
+};
+export default LandingHeader;

package/dist/components/landing/landing-hero.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface Announcement {
+    badge: string;
+    status: string;
+}
+interface Stat {
+    id?: string;
+    value: string;
+    label: string;
+    sublabel: string;
+}
+interface LandingHeroProps {
+    data: {
+        announcement?: Announcement;
+        title?: string[];
+        subtitle?: string;
+        typing_text?: string;
+        stats?: Stat[];
+    };
+}
+declare const LandingHero: React.FC<LandingHeroProps>;
+export default LandingHero;

package/dist/components/landing/landing-hero.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LandingHero = ({ data }) => {
+    if (!data)
+        return null;
+    const scrollToFeatures = () => {
+        document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' });
+    };
+    return (_jsxs("section", { className: "hero-bg min-h-screen flex items-center justify-center relative overflow-hidden", children: [_jsxs("div", { className: "absolute inset-0 overflow-hidden", children: [_jsx("div", { className: "particle particle-1", style: { top: '20%', left: '10%' } }), _jsx("div", { className: "particle particle-2", style: { top: '60%', left: '80%' } }), _jsx("div", { className: "particle particle-3", style: { top: '80%', left: '20%' } }), _jsx("div", { className: "particle particle-1", style: { top: '30%', left: '70%', animationDelay: '1s' } }), _jsx("div", { className: "particle particle-2", style: { top: '70%', left: '15%', animationDelay: '3s' } }), _jsx("div", { className: "particle particle-3", style: { top: '40%', left: '85%', animationDelay: '5s' } })] }), _jsx("div", { className: "container mx-auto px-6 relative z-20 pt-20", children: _jsxs("div", { className: "text-center max-w-7xl mx-auto", children: [_jsx("div", { className: "scroll-reveal inline-flex items-center glass-premium rounded-full px-8 py-4 mb-12", children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "w-3 h-3 bg-linear-to-r from-green-400 to-emerald-400 rounded-full mr-4 animate-pulse" }), _jsx("span", { className: "text-sm font-medium mr-3", children: _jsx("span", { className: "gradient-text font-bold", children: data.announcement?.badge }) }), _jsx("div", { className: "bg-red-500 text-white text-xs px-2 py-1 rounded-full font-bold", children: data.announcement?.status })] }) }), _jsx("div", { className: "mb-16", children: data.title?.map((line, index) => (_jsx("h1", { className: "text-6xl md:text-8xl lg:text-9xl font-black mb-8 leading-tight scroll-reveal", style: { animationDelay: `${index * 0.2}s` }, dangerouslySetInnerHTML: { __html: line } }, index))) }), _jsxs("div", { className: "mb-16 scroll-reveal", style: { animationDelay: '0.4s' }, children: [_jsx("div", { className: "text-2xl md:text-4xl text-gray-300 mb-6 leading-relaxed max-w-5xl mx-auto", dangerouslySetInnerHTML: { __html: data.subtitle || '' } }), _jsx("div", { className: "text-lg md:text-xl text-gray-400 font-mono mb-8", children: _jsx("span", { className: "typing-text", children: data.typing_text }) })] }), _jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-8 mb-16 scroll-reveal", style: { animationDelay: '0.6s' }, children: data.stats?.map((stat, index) => (_jsxs("div", { className: "glass-premium rounded-2xl p-6 hover:scale-105 transition-transform", children: [_jsx("div", { className: "text-4xl font-black gradient-text mb-2", id: stat.id || '', children: stat.value }), _jsx("div", { className: "text-sm text-gray-400 font-mono uppercase tracking-wide", children: stat.label }), _jsx("div", { className: "text-xs text-gray-500 mt-1", children: stat.sublabel })] }, index))) }), _jsx("div", { className: "scroll-reveal animate-bounce", style: { animationDelay: '1s' }, children: _jsxs("div", { className: "inline-flex flex-col items-center text-gray-400 hover:text-white transition-colors cursor-pointer", onClick: scrollToFeatures, children: [_jsx("span", { className: "text-sm font-mono mb-2", children: "Descubre m\u00E1s" }), _jsx("i", { className: "fas fa-chevron-down text-2xl" })] }) })] }) })] }));
+};
+export default LandingHero;

package/dist/components/landing/landing-page.d.ts

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

package/dist/components/landing/landing-page.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import LandingHeader from './landing-header';
+import LandingHero from './landing-hero';
+import LandingWaitlist from './landing-waitlist';
+import LandingSection from './landing-section';
+import LandingFeatureCard from './landing-feature-card';
+import LandingTestimonialCard from './landing-testimonial-card';
+import LandingCta from './landing-cta';
+import LandingFooter from './landing-footer';
+const LandingPage = () => {
+    const [data, setData] = useState(null);
+    useEffect(() => {
+        const fetchLandingData = async () => {
+            try {
+                const response = await fetch('/data.json');
+                const jsonData = await response.json();
+                setData(jsonData);
+            }
+            catch (error) {
+                console.error('Error fetching landing data:', error);
+            }
+        };
+        fetchLandingData();
+    }, []);
+    if (!data) {
+        return null; // El preloader del index.html se encargará de la espera
+    }
+    const scrollToWaitlist = () => {
+        document.getElementById('waitlist-section')?.scrollIntoView({ behavior: 'smooth' });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(LandingHeader, { data: { ...data.navigation, cta: { text: data.navigation.cta.text, onClick: scrollToWaitlist } } }), _jsxs("main", { children: [_jsx(LandingHero, { data: data.hero }), _jsx("div", { className: "container mx-auto px-6", children: _jsx(LandingWaitlist, { data: data.waitlist }) }), _jsx(LandingSection, { data: data.features, children: _jsx("div", { className: "grid lg:grid-cols-3 gap-12 max-w-8xl mx-auto", children: data.features.main_features.map((feature, index) => (_jsx("div", { className: "scroll-reveal", style: { animationDelay: `${index * 0.1}s` }, children: _jsx(LandingFeatureCard, { data: feature }) }, index))) }) }), _jsxs(LandingSection, { data: data.integral_system, children: [_jsx("div", { className: "grid lg:grid-cols-2 gap-12 max-w-7xl mx-auto mb-32", children: data.integral_system.features.map((feature, index) => (_jsxs("div", { className: "feature-card glass-premium rounded-3xl p-10 scroll-reveal-left", children: [_jsxs("div", { className: "flex items-start mb-6", children: [_jsx("div", { className: "w-20 h-20 bg-linear-to-br from-orange-500 to-yellow-500 rounded-3xl flex-shrink-0 flex items-center justify-center mr-8 shadow-2xl animate-pulse-glow", children: _jsx("i", { className: `${feature.icon} text-4xl text-white` }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-3xl font-bold mb-3 gradient-text", children: feature.title }), _jsx("p", { className: "text-lg text-gray-300 leading-relaxed", children: feature.description })] })] }), _jsx("div", { className: "bg-yellow-900/30 rounded-xl p-4 border border-yellow-500/30", children: _jsxs("div", { className: "text-sm text-yellow-300 font-semibold text-center", children: [_jsx("i", { className: "fas fa-flag-checkered mr-2" }), feature.tagline] }) })] }, index))) }), _jsxs("div", { className: "mt-32 text-center scroll-reveal", children: [_jsx("h3", { className: "text-4xl font-bold mb-12", dangerouslySetInnerHTML: { __html: data.integral_system.gamification.title } }), _jsx("p", { className: "text-xl text-gray-300 max-w-3xl mx-auto mb-16", children: data.integral_system.gamification.subtitle }), _jsx("div", { className: "grid md:grid-cols-3 gap-8 max-w-5xl mx-auto", children: data.integral_system.gamification.cards.map((card, index) => (_jsxs("div", { className: "glass-strong rounded-2xl p-6", children: [_jsx("div", { className: "text-yellow-400 text-5xl mb-4", children: _jsx("i", { className: card.icon }) }), _jsx("h4", { className: "text-xl font-bold mb-2", children: card.title }), _jsx("p", { className: "text-gray-400", children: card.description }), _jsx("div", { className: "mt-4 bg-gray-900/50 rounded-full p-3 font-mono text-lg", dangerouslySetInnerHTML: { __html: card.stat } })] }, index))) })] })] }), _jsx(LandingSection, { data: data.testimonials, children: _jsx("div", { className: "grid lg:grid-cols-3 gap-12 max-w-7xl mx-auto", children: data.testimonials.reviews.map((testimonial, index) => (_jsx("div", { className: "scroll-reveal", style: { animationDelay: `${index * 0.1}s` }, children: _jsx(LandingTestimonialCard, { data: testimonial }) }, index))) }) }), _jsx(LandingSection, { data: data.pricing, children: _jsxs("div", { className: "max-w-5xl mx-auto", children: [_jsx("div", { className: "glass-premium rounded-3xl p-12 mb-16 scroll-reveal" }), _jsx("div", { className: "glass-premium rounded-3xl p-12 text-center scroll-reveal" })] }) }), _jsx(LandingCta, { title: data.cta.title, subtitle: data.cta.subtitle, buttonText: data.cta.button_text, trustText: data.cta.trust_text, onButtonClick: scrollToWaitlist })] }), _jsx(LandingFooter, { data: data.footer })] }));
+};
+export default LandingPage;

package/dist/components/landing/landing-section.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface LandingSectionProps {
+    data?: {
+        id?: string;
+        header?: {
+            badge?: string;
+            title: string;
+            subtitle: string;
+        };
+    };
+    children: React.ReactNode;
+}
+declare const LandingSection: React.FC<LandingSectionProps>;
+export default LandingSection;

package/dist/components/landing/landing-section.js

@@ -0,0 +1,8 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LandingSection = ({ data, children }) => {
+    if (!data?.header) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx("section", { id: data.id, className: 'py-40 bg-linear-to-b from-gray-900/50 to-gray-800/50 relative', children: _jsxs("div", { className: 'container mx-auto px-6', children: [_jsxs("div", { className: 'text-center mb-32 scroll-reveal', children: [data.header.badge && (_jsx("div", { className: 'inline-block mb-6', children: _jsx("span", { className: 'bg-linear-to-r from-purple-500/20 to-cyan-500/20 border border-purple-500/30 rounded-full px-8 py-3 text-sm font-mono font-bold uppercase tracking-wider', children: data.header.badge }) })), _jsx("h2", { className: 'text-5xl md:text-7xl font-black mb-8 leading-tight', dangerouslySetInnerHTML: { __html: data.header.title } }), _jsx("p", { className: 'text-xl md:text-2xl text-gray-300 max-w-4xl mx-auto leading-relaxed', dangerouslySetInnerHTML: { __html: data.header.subtitle } })] }), children] }) }));
+};
+export default LandingSection;

package/dist/components/landing/landing-testimonial-card.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface LandingTestimonialCardProps {
+    data: {
+        author: string;
+        role: string;
+        quote: string;
+        tagline: string;
+    };
+}
+declare const LandingTestimonialCard: React.FC<LandingTestimonialCardProps>;
+export default LandingTestimonialCard;

package/dist/components/landing/landing-testimonial-card.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import LandingCard from './landing-card'; // Assuming LandingCard is now a React component
+const LandingTestimonialCard = ({ data }) => {
+    if (!data)
+        return null;
+    const authorInitials = data.author?.split(' ').map(n => n[0]).join('');
+    return (_jsx(LandingCard, { children: _jsxs("div", { className: "glass-premium rounded-3xl p-10 hover:scale-105 transition-all duration-500 h-full flex flex-col", children: [_jsxs("div", { className: "flex-grow", children: [_jsxs("div", { className: "flex items-center mb-8", children: [_jsx("div", { className: "w-16 h-16 bg-linear-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mr-6 text-xl font-bold shadow-xl flex-shrink-0", children: authorInitials }), _jsxs("div", { children: [_jsx("h4", { className: "text-xl font-bold text-white", children: data.author }), _jsx("p", { className: "text-gray-400", children: data.role }), _jsx("div", { className: "flex text-yellow-400 mt-2", children: [...Array(5)].map((_, i) => (_jsx("i", { className: "fas fa-star" }, i))) })] })] }), _jsx("blockquote", { className: "text-gray-300 text-lg italic leading-relaxed mb-6", dangerouslySetInnerHTML: { __html: `"${data.quote}"` } })] }), _jsx("div", { className: "bg-purple-900/30 rounded-xl p-4 border border-purple-500/30 mt-auto", children: _jsxs("div", { className: "text-sm text-purple-300 font-semibold", children: [_jsx("i", { className: "fas fa-trophy mr-2" }), data.tagline] }) })] }) }));
+};
+export default LandingTestimonialCard;

package/dist/components/landing/landing-waitlist.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+interface FormData {
+    placeholder: string;
+    button_text: string;
+}
+interface SuccessData {
+    title: string;
+    subtitle: string;
+    message: string;
+}
+interface TrustIndicator {
+    icon: string;
+    color: string;
+    text: string;
+}
+interface LandingWaitlistProps {
+    data: {
+        title: string;
+        subtitle: string;
+        urgency: string;
+        form: FormData;
+        success: SuccessData;
+        trust_indicators: TrustIndicator[];
+    };
+}
+declare const LandingWaitlist: React.FC<LandingWaitlistProps>;
+export default LandingWaitlist;

package/dist/components/landing/landing-waitlist.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import LandingCard from './landing-card'; // Assuming LandingCard is now a React component
+const LandingWaitlist = ({ data }) => {
+    const [email, setEmail] = useState('');
+    const [showSuccess, setShowSuccess] = useState(false);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        // Here you would typically send the email to your backend
+        console.log('Submitting email:', email);
+        setShowSuccess(true);
+        setEmail(''); // Clear the input
+    };
+    if (!data)
+        return null;
+    return (_jsx("div", { id: "waitlist-section", className: "scroll-reveal max-w-2xl mx-auto mb-20", style: { animationDelay: '0.8s' }, children: _jsxs(LandingCard, { children: [_jsx("div", { className: "absolute inset-0 bg-linear-to-br from-purple-900/20 via-transparent to-cyan-900/20" }), _jsxs("div", { className: "relative z-10", children: [_jsxs("div", { className: "text-center mb-8", children: [_jsx("h3", { className: "text-3xl font-bold mb-4", children: _jsx("span", { className: "gradient-text", children: data.title }) }), _jsx("p", { className: "text-gray-300 text-lg", children: data.subtitle }), _jsxs("div", { className: "inline-flex items-center mt-4 bg-yellow-900/30 border border-yellow-500/30 rounded-full px-4 py-2 text-sm", children: [_jsx("i", { className: "fas fa-fire text-yellow-400 mr-2" }), _jsx("span", { className: "text-yellow-300", dangerouslySetInnerHTML: { __html: data.urgency } })] })] }), !showSuccess ? (_jsxs("form", { id: "waitlistForm", className: "form-premium space-y-6", onSubmit: handleSubmit, children: [_jsxs("div", { className: "relative group", children: [_jsx("div", { className: "absolute inset-y-0 left-0 pl-6 flex items-center pointer-events-none", children: _jsx("i", { className: "fas fa-envelope text-gray-400 group-focus-within:text-purple-400 transition-colors" }) }), _jsx("input", { type: "email", id: "email", required: true, placeholder: data.form.placeholder, value: email, onChange: (e) => setEmail(e.target.value), className: "w-full pl-14 pr-6 py-6 rounded-2xl text-white placeholder-gray-400 text-lg font-medium focus:outline-none" })] }), _jsx("button", { type: "submit", className: "btn-premium w-full text-white font-bold py-6 px-8 rounded-2xl text-lg relative overflow-hidden group", children: _jsxs("span", { className: "relative z-10 flex items-center justify-center", children: [_jsx("i", { className: "fas fa-rocket mr-3" }), data.form.button_text, _jsx("i", { className: "fas fa-arrow-right ml-3 group-hover:translate-x-1 transition-transform" })] }) })] })) : (_jsx("div", { id: "successMessage", className: "mt-8", children: _jsxs("div", { className: "bg-linear-to-r from-green-900/40 to-emerald-900/40 border-2 border-green-500/30 rounded-3xl p-8 text-center", children: [_jsx("div", { className: "text-6xl mb-4", children: "\uD83C\uDF89" }), _jsx("h4", { className: "text-2xl font-bold text-green-400 mb-3", children: data.success.title }), _jsx("p", { className: "text-green-300 mb-4 text-lg", children: data.success.subtitle }), _jsx("div", { className: "bg-green-900/30 rounded-xl p-4", children: _jsxs("p", { className: "text-sm text-green-300", children: [_jsx("i", { className: "fas fa-check-circle mr-2" }), data.success.message] }) })] }) })), _jsx("div", { className: "mt-8 text-center", children: _jsx("div", { className: "flex flex-wrap items-center justify-center gap-6 text-sm text-gray-400", children: data.trust_indicators.map((indicator, index) => (_jsxs("div", { className: "flex items-center", children: [_jsx("i", { className: `${indicator.icon} mr-2 ${indicator.color}` }), _jsx("span", { children: indicator.text })] }, index))) }) })] })] }) }));
+};
+export default LandingWaitlist;

package/dist/components/theming/ColorPicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ColorPickerProps {
+    label: string;
+    tokenName: string;
+    value: string;
+}
+declare const ColorPicker: React.FC<ColorPickerProps>;
+export default ColorPicker;

package/dist/components/theming/ColorPicker.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useTheme } from '@decido/ui-kit';
+const ColorPicker = ({ label, tokenName, value }) => {
+    const [color, setColor] = useState(value);
+    const { setToken } = useTheme();
+    useEffect(() => {
+        setColor(value);
+    }, [value]);
+    const handleInput = (e) => {
+        const newValue = e.target.value;
+        setColor(newValue);
+        // setToken expects the key name without the --ds- prefix, as defined in useTheme.ts
+        // @ts-ignore
+        setToken(tokenName, newValue);
+    };
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { htmlFor: `color-input-${tokenName}`, children: label }), _jsx("input", { id: `color-input-${tokenName}`, type: "color", className: "w-10 h-8 border-none bg-transparent cursor-pointer", value: color, onChange: handleInput })] }));
+};
+export default ColorPicker;

package/dist/components/theming/ThemePanel.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface ThemePanelProps {
+}
+declare const ThemePanel: React.FC<ThemePanelProps>;
+export default ThemePanel;

package/dist/components/theming/ThemePanel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@decido/ui-kit';
+import ColorPicker from './ColorPicker';
+import DecidoButton from '../DecidoButton';
+const ThemePanel = () => {
+    const { currentThemeId, getAllPresets, setTheme } = useTheme();
+    const presets = getAllPresets();
+    return (_jsxs("div", { className: "p-6 glass-card rounded-2xl space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-bold text-lg mb-4", children: "Temas Disponibles (Aura)" }), _jsx("div", { className: "flex gap-4 flex-wrap", children: presets.map(preset => (
+                        //@ts-ignore
+                        _jsx(DecidoButton, { onClick: () => setTheme(preset.id), className: `btn-secondary ${currentThemeId === preset.id ? 'ring-2 ring-primary' : ''}`, children: preset.name }, preset.id))) })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-bold text-lg mb-4", children: "Personalizaci\u00F3n Manual" }), _jsxs("div", { className: "space-y-3", children: [_jsx(ColorPicker, { label: "Superficie Primaria", tokenName: "surface-primary", value: "#0a0a0f" }), _jsx(ColorPicker, { label: "Acento Principal", tokenName: "accent-blue", value: "#4a9eff" }), _jsx(ColorPicker, { label: "Texto Principal", tokenName: "text-primary", value: "#e8e8f0" })] })] })] }));
+};
+export default ThemePanel;

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Este es el punto de entrada público para la librería @decido/ui-kit.
+ * Exporta las clases de los componentes para que puedan ser usadas para tipado
+ * o extensión en otros paquetes, e importa los archivos para asegurar
+ * que se ejecute `customElements.define` (efecto secundario).
+ */
+import WelcomeView from './components/WelcomeView';
+import LoginView from './components/LoginView';
+import DebugPanel from './components/DebugPanel';
+import DebugPanelManager from './components/DebugPanelManager';
+import ColorPicker from './components/theming/ColorPicker';
+import ThemePanel from './components/theming/ThemePanel';
+export { WelcomeView, LoginView, DebugPanel, DebugPanelManager, ColorPicker, ThemePanel };

package/dist/index.js

@@ -0,0 +1,19 @@
+// utils
+/**
+ * Este es el punto de entrada público para la librería @decido/ui-kit.
+ * Exporta las clases de los componentes para que puedan ser usadas para tipado
+ * o extensión en otros paquetes, e importa los archivos para asegurar
+ * que se ejecute `customElements.define` (efecto secundario).
+ */
+// --- Componentes Reutilizables ---
+// Se exportan tanto la clase (para tipado) como el módulo (para registro).
+// export * from './components/card/DecidoCard.js';
+import WelcomeView from './components/WelcomeView';
+import LoginView from './components/LoginView';
+import DebugPanel from './components/DebugPanel';
+import DebugPanelManager from './components/DebugPanelManager';
+import ColorPicker from './components/theming/ColorPicker';
+import ThemePanel from './components/theming/ThemePanel';
+export { WelcomeView, LoginView, DebugPanel, DebugPanelManager, ColorPicker, ThemePanel };
+// --- Componentes Complejos o de Secciones ---
+// (Puede que solo necesites importarlos para registro si no se usan directamente)

package/dist/utils/counter.d.ts

@@ -0,0 +1 @@
+export declare function setupCounter(element: HTMLButtonElement): void;

package/dist/utils/counter.js

@@ -0,0 +1,9 @@
+export function setupCounter(element) {
+    let counter = 0;
+    const setCounter = (count) => {
+        counter = count;
+        element.innerText = `count is ${counter}`;
+    };
+    element.addEventListener("click", () => setCounter(++counter));
+    setCounter(0);
+}

package/eslint.config.js

@@ -0,0 +1,11 @@
+import eslintConfig from '../eslint-config/eslint.config.js';
+
+export default [
+  ...eslintConfig,
+  {
+    ignores: ['dist/**/*.d.ts', 'src/utils/counter.d.ts'],
+    rules: {
+      // You can override rules here if needed
+    },
+  },
+];

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@decido/ui",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./base.css": "./src/css/base.css",
+    "./layout.css": "./src/css/layout.css",
+    "./landing.css": "./src/components/base/landing.css",
+    "./style.css": "./src/css/style.css"
+  },
+  "license": "UNLICENSED",
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "autoprefixer": "10",
+    "eslint": "^9.31.0",
+    "postcss": "8",
+    "tailwindcss": "3",
+    "typescript": "5.5.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.7.2",
+    "@decido/shell-vscode-core": "1.0.0",
+    "@decido/ui-kit": "2.0.0",
+    "@decido/core": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --minify --clean",
+    "dev": "tsc -w",
+    "clean": "rimraf dist"
+  }
+}