@nextworks/blocks-templates 0.1.0-alpha.8 → 0.2.0-alpha.10

package/dist/templates/saasdashboard/components/Features.js

@@ -1,55 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Features as SharedFeatures } from "@nextworks/blocks-sections";
-import { cn } from "@nextworks/blocks-core";
-const defaultFeaturesData = [
-    {
-        imageSrc: "/placeholders/saas_dashboard/projectBoard.png",
-        imageAlt: "Project Management Dashboard",
-        headingText: "Track Every Project",
-        subheadingText: "Kanban boards, Gantt charts, and timeline views keep your team aligned and deadlines met",
-    },
-    {
-        imageSrc: "/placeholders/saas_dashboard/analytics.png",
-        imageAlt: "Analytics Dashboard",
-        headingText: "Data-Driven Insights",
-        subheadingText: "Real-time metrics, custom reports, and forecasting tools to make smarter business decisions",
-    },
-    {
-        imageSrc: "/placeholders/saas_dashboard/chat.png",
-        imageAlt: "Team Collaboration Tools",
-        headingText: "Seamless Teamwork",
-        subheadingText: "Built-in chat, file sharing, and @mentions keep everyone connected and productive",
-    },
-];
-export function Features() {
-    return (_jsx(SharedFeatures, { sectionHeading: "Everything You Need to Run Your Business", sectionSubheading: "Powerful tools and insights to streamline your workflow and boost productivity", featuresData: defaultFeaturesData, className: cn("relative"), section: { className: "py-16 md:py-20 lg:py-24 bg-background" }, container: { className: "max-w-7xl mx-auto px-4 md:px-6 lg:px-8" }, header: { className: "text-center mb-12 md:mb-16" }, heading: {
-            className: cn("font-inter mb-4 text-3xl font-bold text-[var(--heading-fg)] md:text-4xl lg:text-5xl"),
-        }, subheading: {
-            className: cn("font-inter mx-auto max-w-3xl text-lg leading-relaxed text-[var(--subheading-fg)] md:text-xl"),
-        }, grid: {
-            className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8",
-        }, cardWrapper: {
-            className: "group motion-reduce:transform-none motion-reduce:transition-none",
-        }, card: {
-            className: "h-full transition-all duration-300 hover:-translate-y-2 hover:shadow-xl bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)] rounded-lg shadow-md overflow-hidden",
-        }, image: {
-            className: "w-full h-48 md:h-56 object-cover transition-transform duration-300 group-hover:scale-[1.03]",
-        }, cardHeading: {
-            className: cn("font-inter mb-3 text-xl leading-tight font-semibold text-[var(--card-title-fg)] md:text-2xl"),
-        }, cardSubheading: {
-            className: cn("font-inter text-sm leading-relaxed text-[var(--card-muted-fg)] md:text-base"),
-        }, 
-        // Motion config showcasing upgraded API
-        motionConfig: {
-            initial: { opacity: 0, y: 12 },
-            whileInView: { opacity: 1, y: 0 },
-            viewport: { once: true, amount: 0.2 },
-            transition: {
-                type: "spring",
-                stiffness: 125,
-                damping: 50,
-                delay: 0.12,
-            },
-        }, ariaLabel: "Features section" }));
-}

package/dist/templates/saasdashboard/components/Footer.d.ts

@@ -1,2 +0,0 @@
-export declare function Footer(): import("react").JSX.Element;
-//# sourceMappingURL=Footer.d.ts.map

package/dist/templates/saasdashboard/components/Footer.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Footer as SharedFooter } from "@nextworks/blocks-sections";
-import { cn } from "@nextworks/blocks-core";
-const defaultNavLinks = [
-    {
-        heading: "Product",
-        links: [
-            { name: "Features", href: "#features" },
-            { name: "Pricing", href: "#pricing" },
-            { name: "Documentation", href: "#documentation" },
-            { name: "FAQ", href: "#faq" },
-        ],
-    },
-    {
-        heading: "Company",
-        links: [
-            { name: "About", href: "#about" },
-            { name: "Careers", href: "#careers" },
-            { name: "Blog", href: "#blog" },
-            { name: "Contact", href: "#contact" },
-        ],
-    },
-    {
-        heading: "Resources",
-        links: [
-            { name: "Help Center", href: "#help" },
-            { name: "Terms of Service", href: "#terms" },
-            { name: "Privacy Policy", href: "#privacy" },
-            { name: "Status", href: "#status" },
-        ],
-    },
-];
-export function Footer() {
-    return (_jsx(SharedFooter, { footerBrandName: "Dash Flow", footerNavLinks: defaultNavLinks, className: cn("w-full"), section: {
-            className: "w-full bg-blue-50 dark:bg-gray-900 text-gray-800 dark:text-white",
-        }, container: { className: "max-w-7xl mx-auto px-6" }, brand: {
-            className: "text-xl font-bold text-blue-600 dark:text-blue-400 font-outfit",
-        }, brandWrapper: {
-            className: "flex flex-col items-start text-left lg:pr-8",
-        }, navSection: {
-            className: "flex flex-col lg:flex-row items-start lg:items-start justify-center gap-8 lg:gap-12 pt-6.5 pb-8",
-        }, navGroup: { className: "flex flex-col items-start text-left pt-1.5" }, navHeading: {
-            className: "font-semibold text-gray-800 dark:text-white mb-3 text-xs uppercase tracking-wider font-inter",
-        }, navLink: {
-            className: "text-gray-600 dark:text-gray-300 hover:text-blue-500 dark:hover:text-blue-400 transition-colors duration-200 text-xs mb-2 block font-inter",
-        }, socialSection: {
-            className: "flex items-center justify-center gap-4 py-4",
-        }, copyright: {
-            className: "text-center text-xs text-gray-500 dark:text-gray-400 py-4 border-t border-gray-200 dark:border-gray-700 font-inter",
-        }, ariaLabel: "Footer section" }));
-}

package/dist/templates/saasdashboard/components/Hero.d.ts

@@ -1,2 +0,0 @@
-export declare function Hero(): import("react").JSX.Element;
-//# sourceMappingURL=Hero.d.ts.map

package/dist/templates/saasdashboard/components/Hero.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
-import { Dashboard } from "./Dashboard";
-import { cn } from "@nextworks/blocks-core";
-const stats = [
-    { value: "$124K", label: "Monthly Revenue" },
-    { value: "+23%", label: "Growth Rate" },
-    { value: "847", label: "Active Users" },
-];
-const projects = ["Website Redesign", "Mobile App v2.0", "Marketing Campaign"];
-const floatingCards = [
-    { position: "card-1", icon: "📊", text: "Real-time Analytics" },
-    { position: "card-2", icon: "👥", text: "Team Collaboration" },
-];
-const activeTab = "Analytics";
-const navItems = ["Analytics", "Projects", "Team"];
-export function Hero() {
-    return (_jsx("div", { className: "relative", children: _jsx(SharedHeroSplit, { className: cn("relative"), heading: {
-                text: "Manage Your Entire Business From One Powerful Dashboard",
-                className: "text-3xl md:text-4xl lg:text-5xl font-bold leading-tight font-inter text-[var(--heading-fg)]",
-            }, subheading: {
-                text: "Stop switching between 12 different apps. DashFlow combines project management, analytics, team chat, and customer insights in one beautiful interface.",
-                className: "text-base md:text-lg mt-6 mb-8 max-w-2xl font-inter font-normal text-[var(--subheading-fg)]",
-            }, section: {
-                className: "relative pt-1 px-8 pb-8 bg-[var(--hero-bg)] dark:bg-[var(--hero-bg)]",
-            }, cta1: {
-                label: "Start Free Trial",
-                href: "#contact",
-                variant: "default",
-                size: "lg",
-                className: [
-                    "text-base font-semibold font-inter shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
-                    "[--btn-bg:theme(colors.sky.600)]",
-                    "hover:[--btn-hover-bg:theme(colors.sky.700)]",
-                    "[--btn-fg:theme(colors.white)]",
-                    "hover:[--btn-hover-fg:theme(colors.white)]",
-                ].join(" "),
-            }, cta2: {
-                label: "Watch demo",
-                href: "#demo",
-                variant: "outline",
-                size: "lg",
-                className: [
-                    "text-base font-semibold font-inter shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
-                    "[--btn-fg:theme(colors.sky.600)]",
-                    "[--btn-border:theme(colors.sky.600)]",
-                    "hover:[--btn-hover-bg:theme(colors.sky.50)]",
-                    "hover:[--btn-hover-fg:theme(colors.sky.600)]",
-                    "dark:[--btn-fg:theme(colors.sky.500)]",
-                    "dark:[--btn-border:theme(colors.sky.500)]",
-                    "dark:hover:[--btn-hover-bg:theme(colors.sky.950)]",
-                    "dark:hover:[--btn-hover-fg:theme(colors.sky.500)]",
-                ].join(" "),
-            }, image: { src: undefined, alt: "Dashboard preview" }, imageLayout: "padded", fallback: _jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx("div", { className: "relative w-[min(100%,720px)] overflow-hidden rounded-xl bg-white p-0 p-1 opacity-100 md:pt-8 lg:pt-1 dark:bg-blue-950", children: _jsx(Dashboard, { stats: stats, projects: projects, floatingCards: floatingCards, navItems: navItems, activeTab: activeTab }) }) }), imageContainer: {
-                className: "pl-0 relative self-start md:self-start md:flex-none md:shrink-0 w-full h-[24rem] sm:h-[32rem] md:h-[34rem] lg:h-[33rem] md:w-1/2 mb-0 md:mb-0 lg:mb-0 opacity-100",
-                // "relative self-start md:self-start md:flex-none md:shrink-0 w-full h-[24rem] sm:h-[26rem] md:h-[28rem] md:w-1/2 mb-6 md:mb-0",
-            }, textContainer: { className: "flex-1 p-5 lg:p-8" }, buttonsContainer: {
-                className: [
-                    "flex flex-col sm:flex-row gap-4 mt-8 justify-center lg:justify-start",
-                    "[--btn-ring:theme(colors.sky.500)]",
-                    "dark:[--btn-ring:theme(colors.sky.400)]",
-                ].join(" "),
-            }, textAlign: "center", ariaLabel: "DashFlow hero section" }) }));
-}

package/dist/templates/saasdashboard/components/Hero_mask.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare function Hero(): React.JSX.Element;
-//# sourceMappingURL=Hero_mask.d.ts.map

package/dist/templates/saasdashboard/components/Hero_mask.js

@@ -1,73 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
-import { Dashboard } from "./Dashboard";
-import { cn } from "@nextworks/blocks-core";
-const stats = [
-    { value: "$124K", label: "Monthly Revenue" },
-    { value: "+23%", label: "Growth Rate" },
-    { value: "847", label: "Active Users" },
-];
-const projects = ["Website Redesign", "Mobile App v2.0", "Marketing Campaign"];
-const floatingCards = [
-    { position: "card-1", icon: "📊", text: "Real-time Analytics" },
-    { position: "card-2", icon: "👥", text: "Team Collaboration" },
-];
-const activeTab = "Analytics";
-const navItems = ["Analytics", "Projects", "Team"];
-export function Hero() {
-    const sectionRef = React.useRef(null);
-    const dashRef = React.useRef(null);
-    React.useLayoutEffect(() => {
-        const measure = () => {
-            const sec = sectionRef.current;
-            const dash = dashRef.current;
-            if (!sec || !dash)
-                return;
-            const sr = sec.getBoundingClientRect();
-            const dr = dash.getBoundingClientRect();
-            sec.style.setProperty("--hole-x", `${dr.left - sr.left}px`);
-            sec.style.setProperty("--hole-y", `${dr.top - sr.top}px`);
-            sec.style.setProperty("--hole-w", `${dr.width}px`);
-            sec.style.setProperty("--hole-h", `${dr.height}px`);
-        };
-        measure();
-        const ro = new ResizeObserver(measure);
-        if (sectionRef.current)
-            ro.observe(sectionRef.current);
-        if (dashRef.current)
-            ro.observe(dashRef.current);
-        window.addEventListener("resize", measure);
-        return () => {
-            ro.disconnect();
-            window.removeEventListener("resize", measure);
-        };
-    }, []);
-    return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "pointer-events-none absolute inset-0 -z-20 overflow-hidden", children: [_jsx("div", { className: "absolute -top-10 -left-10 h-72 w-72 rounded-full bg-blue-500/20 blur-3xl" }), _jsx("div", { className: "absolute right-0 bottom-0 h-72 w-72 rounded-full bg-purple-500/20 blur-3xl" })] }), _jsx("div", { ref: sectionRef, className: "relative before:absolute before:inset-0 before:-z-10 before:bg-gradient-to-br before:from-white before:via-blue-50 before:to-white before:[mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000)] before:[mask-composite:exclude] before:[mask-size:auto,var(--hole-w)_var(--hole-h)] before:[mask-position:0_0,var(--hole-x)_var(--hole-y)] before:[mask-repeat:no-repeat] before:content-[''] before:[-webkit-mask-composite:xor] dark:before:from-gray-900 dark:before:via-blue-950/20 dark:before:to-gray-900", children: _jsx(SharedHeroSplit, { className: cn("relative"), heading: {
-                        text: "Manage Your Entire Business From One Powerful Dashboard",
-                        className: "text-3xl md:text-4xl lg:text-5xl font-bold leading-tight text-black dark:text-white font-inter",
-                    }, subheading: {
-                        text: "Stop switching between 12 different apps. DashFlow combines project management, analytics, team chat, and customer insights in one beautiful interface.",
-                        className: "text-base md:text-lg text-gray-700 dark:text-gray-100 mt-6 mb-8 max-w-2xl font-inter font-normal",
-                    }, section: {
-                        className: "relative bg-none bg-transparent pt-0 px-8 pb-8",
-                    }, cta1: {
-                        label: "Start Free Trial",
-                        href: "#contact",
-                        variant: "default",
-                        size: "lg",
-                        className: "bg-blue-600 hover:bg-blue-700 text-white text-base font-semibold font-inter shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 border-0 px-8 py-3",
-                    }, cta2: {
-                        label: "Watch demo",
-                        href: "#demo",
-                        variant: "outline",
-                        size: "lg",
-                        className: "border-blue-600 text-blue-600 hover:bg-blue-50 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-blue-950 text-base font-semibold font-inter shadow-lg hover:shadow-xl hover:-translate-y-0.5 transition-all duration-200 px-8 py-3",
-                    }, image: { src: undefined, alt: "Dashboard preview" }, imageLayout: "padded", fallback: _jsx("div", { ref: dashRef, className: "relative z-10 flex h-full w-full items-center justify-center pl-0", children: _jsx("div", { className: "relative h-full w-[min(100%,720px)] overflow-hidden p-2", children: _jsx(Dashboard, { stats: stats, projects: projects, floatingCards: floatingCards, navItems: navItems, activeTab: activeTab }) }) }), imageContainer: {
-                        className: "relative self-start md:self-start md:flex-none md:shrink-0 w-full h-[24rem] sm:h-[26rem] md:h-[31rem] md:w-1/2 mb-6 md:mb-0",
-                        // "relative self-start md:self-start md:flex-none md:shrink-0 w-full h-[24rem] sm:h-[26rem] md:h-[28rem] md:w-1/2 mb-6 md:mb-0",
-                    }, textContainer: { className: "flex-1 p-5 lg:p-8" }, buttonsContainer: {
-                        className: "flex flex-col sm:flex-row gap-4 mt-8 justify-center lg:justify-start",
-                    }, textAlign: "center", ariaLabel: "DashFlow hero section" }) })] }));
-}

package/dist/templates/saasdashboard/components/Navbar.js

@@ -1,83 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
-const defaultProps = {
-    brand: "DashFlow",
-    // Preserve custom gradient logo block
-    brandNode: (_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-gradient-to-br from-blue-600 to-purple-600 font-bold text-white shadow-sm ring-1 ring-white/40", children: "DF" })),
-    menuItems: [
-        { label: "Home", href: "#home" },
-        { label: "Features", href: "#features" },
-        { label: "Pricing", href: "#pricing" },
-        { label: "Contact", href: "#contact" },
-    ],
-    ctaButton: null,
-    showColorModeToggle: true,
-    navHeight: "h-16",
-    sticky: true,
-    ariaLabel: "DashFlow main navigation",
-    // Allow layout constraints to be added at page-level
-    className: "",
-    // Style slots tuned for the blue SaaS theme
-    nav: {
-        className: "bg-white/60 dark:bg-gray-900/60 backdrop-blur supports-[backdrop-filter]:bg-white/60 supports-[backdrop-filter]:dark:bg-gray-900/60 text-gray-800 dark:text-white " +
-            // Accent variables for this preset (read by toggle, links, mobile links)
-            "[--navbar-accent:theme(colors.blue.700)] dark:[--navbar-accent:theme(colors.blue.400)] " +
-            "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.gray.900)] " +
-            "[--navbar-hover-bg:theme(colors.blue.50)] dark:[--navbar-hover-bg:color-mix(in oklab,oklch(0.23 0.05 264) 20%, transparent)] " +
-            "[--navbar-ring:theme(colors.blue.500)] dark:[--navbar-ring:theme(colors.blue.400)] " +
-            "[--navbar-border:theme(colors.gray.200)] dark:[--navbar-border:theme(colors.gray.800)]",
-    },
-    brandText: {
-        className: "text-xl font-bold font-inter text-blue-700 dark:text-blue-500",
-    },
-    links: {
-        className: "text-sm font-medium font-inter text-gray-800 dark:text-white hover:text-blue-700 dark:hover:text-blue-400 " +
-            "focus:ring-[var(--navbar-ring)]",
-    },
-    // Preset keeps CTA hidden; if enabled, provide subtle interactive defaults
-    ctaButtonStyle: {
-        variant: "default",
-        size: "default",
-        className: "shadow-lg hover:shadow-xl transition-all duration-200 hover:-translate-y-0.5",
-    },
-    // Additional slots that weren't styled before, now aligned to the theme
-    mobileMenu: {
-        className: "border-t border-gray-200/80 dark:border-gray-800/80",
-    },
-    container: {
-        className: "max-w-7xl mx-auto",
-    },
-    brandWrapper: {
-        className: "",
-    },
-    desktopMenu: {
-        className: "hidden items-center space-x-1 md:flex lg:space-x-6",
-    },
-    toggleButton: {
-        className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors " +
-            "hover:bg-blue-50 dark:hover:bg-blue-900/20 " +
-            "focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400",
-    },
-    colorModeWrapper: {
-        className: "ml-2",
-    },
-    // With variables above, ThemeToggle can rely on them; explicit override optional
-    // themeToggle: { ... }
-    ctaButtonWrapper: {
-        className: "ml-2",
-    },
-    mobileMenuInner: {
-        className: "space-y-2 px-4 pt-2 pb-4",
-    },
-    // Mobile links will read --navbar-hover-bg; explicit class optional
-    mobileLinks: {
-        className: "hover:bg-[var(--navbar-hover-bg)]",
-    },
-};
-export function Navbar(overrides = {}) {
-    // Shallow-merge: passing a style-slot object (e.g., links, nav, etc.)
-    // replaces the default for that slot. Keeps the API simple and predictable.
-    const props = Object.assign(Object.assign({}, defaultProps), overrides);
-    return _jsx(SharedNavbar, Object.assign({}, props));
-}

package/dist/templates/saasdashboard/components/Pricing.d.ts

@@ -1,2 +0,0 @@
-export declare function Pricing(): import("react").JSX.Element;
-//# sourceMappingURL=Pricing.d.ts.map

package/dist/templates/saasdashboard/components/Pricing.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
-import { cn } from "@nextworks/blocks-core";
-const DefaultPricingData = [
-    {
-        pricingPlanHeaderText: "Starter Plan",
-        pricingPlanPrice: "$29/month",
-        pricingPlanFeatures: [
-            "Up to 5 users",
-            "3 projects",
-            "Basic analytics",
-            "email support",
-        ],
-        pricingPlanCTALabel: "Select Plan",
-        pricingPlanCTAHref: "#contact",
-    },
-    {
-        pricingPlanHeaderText: "Professional Plan",
-        pricingPlanPrice: "$79.99/month",
-        pricingPlanFeatures: [
-            "Up to 25 users",
-            "Unlimited projects",
-            "Advanced analytics",
-            "Priority support",
-            "Api access",
-        ],
-        pricingPlanCTALabel: "Select Plan",
-        pricingPlanCTAHref: "#contact",
-        isPopular: true,
-    },
-    {
-        pricingPlanHeaderText: "Enterprise Plan",
-        pricingPlanPrice: "$199.99/month",
-        pricingPlanFeatures: [
-            "Unlimited users",
-            "Custom integrations",
-            "Dedicated account manager",
-            "SLA guarantee",
-        ],
-        pricingPlanCTALabel: "Select Plan",
-        pricingPlanCTAHref: "#contact",
-    },
-];
-export function Pricing() {
-    return (_jsx(SharedPricing, { pricingPlans: DefaultPricingData, pricingHeadingText: "Simple Pricing That Scales With You", className: cn("relative"), section: {
-            className: "pt-20 pb-5 bg-[var(--section-bg,theme(colors.white))] dark:bg-[var(--section-bg,theme(colors.gray.900))]",
-        }, heading: {
-            className: "text-3xl font-bold font-inter text-center mb-8 text-[var(--heading-fg)]",
-        }, card: {
-            className: "relative rounded-lg transition-all duration-300 will-change-transform hover:-translate-y-1 bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)] shadow-[var(--card-shadow)]",
-        }, title: {
-            className: "text-xl font-bold font-inter mb-2 text-[var(--card-title-fg)]",
-        }, price: {
-            className: "text-2xl font-bold font-inter mb-4 text-[var(--card-title-fg)]",
-        }, featureItem: {
-            className: "flex items-center text-base font-inter text-[var(--card-muted-fg)]",
-        }, cta: {
-            variant: "default",
-            size: "lg",
-            className: "w-full font-semibold font-inter shadow-md hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5 [--btn-bg:theme(colors.sky.600)] hover:[--btn-hover-bg:theme(colors.sky.700)] [--btn-fg:theme(colors.white)] hover:[--btn-hover-fg:theme(colors.white)] border-[var(--btn-border)] focus-visible:ring-[var(--btn-ring)]",
-        }, popularBadge: {
-            className: "absolute -top-3 left-1/2 -translate-x-1/2 px-4 py-1 rounded-full text-xs font-semibold bg-[var(--badge-active-bg)] text-[var(--badge-active-fg)] border-[var(--badge-active-border)]",
-        }, ariaLabel: "Pricing section" }));
-}

package/dist/templates/saasdashboard/components/SmoothScroll.d.ts

@@ -1,2 +0,0 @@
-export declare function SmoothScroll(): null;
-//# sourceMappingURL=SmoothScroll.d.ts.map

package/dist/templates/saasdashboard/components/SmoothScroll.js

@@ -1,87 +0,0 @@
-"use client";
-import { useEffect } from "react";
-// Smoothly scrolls to hash targets with a custom, faster duration (~300ms)
-export function SmoothScroll() {
-    useEffect(() => {
-        let suppressClick = false;
-        const animateTo = (href) => {
-            const el = document.querySelector(href);
-            if (!el)
-                return;
-            const navbarOffsetPx = 64; // matches h-16 sticky navbar
-            const start = window.scrollY;
-            const targetTop = el.getBoundingClientRect().top + window.scrollY - navbarOffsetPx;
-            const distance = targetTop - start;
-            const duration = 300; // ms
-            const startTime = performance.now();
-            // iOS-like easing
-            const easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
-            const step = (now) => {
-                const elapsed = now - startTime;
-                const t = Math.min(1, elapsed / duration);
-                const eased = easeOutQuart(t);
-                window.scrollTo(0, start + distance * eased);
-                if (t < 1)
-                    requestAnimationFrame(step);
-                else
-                    history.replaceState(null, "", href);
-            };
-            requestAnimationFrame(step);
-        };
-        const onPointerDown = (e) => {
-            const ev = e;
-            const target = e.currentTarget;
-            const href = target.getAttribute("href");
-            if (!href || !href.startsWith("#"))
-                return;
-            // Only primary button, no modifiers
-            if (ev.button !== 0 ||
-                ev.metaKey ||
-                ev.ctrlKey ||
-                ev.altKey ||
-                ev.shiftKey)
-                return;
-            e.preventDefault();
-            suppressClick = true;
-            animateTo(href);
-        };
-        const onClick = (e) => {
-            const target = e.currentTarget;
-            const href = target.getAttribute("href");
-            if (!href || !href.startsWith("#"))
-                return;
-            if (suppressClick) {
-                e.preventDefault();
-                suppressClick = false;
-                return;
-            }
-            e.preventDefault();
-            animateTo(href);
-        };
-        const onKeyDown = (e) => {
-            const ev = e;
-            if (ev.key !== "Enter" && ev.key !== " ")
-                return;
-            const target = e.currentTarget;
-            const href = target.getAttribute("href");
-            if (!href || !href.startsWith("#"))
-                return;
-            e.preventDefault();
-            animateTo(href);
-        };
-        const links = Array.from(document.querySelectorAll('a[href^="#"]'));
-        links.forEach((a) => {
-            a.addEventListener("pointerdown", onPointerDown);
-            a.addEventListener("click", onClick);
-            a.addEventListener("keydown", onKeyDown);
-        });
-        return () => {
-            links.forEach((a) => {
-                a.removeEventListener("pointerdown", onPointerDown);
-                a.removeEventListener("click", onClick);
-                a.removeEventListener("keydown", onKeyDown);
-            });
-        };
-    }, []);
-    return null;
-}

package/dist/templates/saasdashboard/components/Testimonials.d.ts

@@ -1,2 +0,0 @@
-export declare function Testimonials(): import("react").JSX.Element;
-//# sourceMappingURL=Testimonials.d.ts.map

package/dist/templates/saasdashboard/components/Testimonials.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
-import { cn } from "@nextworks/blocks-core";
-export function Testimonials() {
-    return (_jsxs("div", { className: "relative", children: [_jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 -z-10 [background-image:radial-gradient(60rem_60rem_at_0%_0%,rgba(59,130,246,0.08),transparent_40%),radial-gradient(50rem_50rem_at_100%_100%,rgba(168,85,247,0.06),transparent_40%)] opacity-20" }), _jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-0 -z-10 [background-image:radial-gradient(rgba(255,255,255,0.07)_1px,transparent_1px)] [background-size:14px_14px] opacity-[0.05]" }), _jsx(SharedTestimonials, { testimonials: [
-                    {
-                        testimonialText: "DashFlow replaced 6 different tools for us. Our team productivity increased 40% in the first month.",
-                        testimonialAuthor: "- Sarah Chen, Marketing Director at TechStart",
-                        testimonialAuthorInitials: "SC",
-                    },
-                    {
-                        testimonialText: "Finally, a dashboard that actually makes sense. Setup took 10 minutes, not 10 hours.",
-                        testimonialAuthor: "- Mike Rodriguez, Operations Manager",
-                        testimonialAuthorInitials: "MR",
-                    },
-                    {
-                        testimonialText: "The analytics alone pay for the subscription. We spot trends weeks earlier now.",
-                        testimonialAuthor: "- Lisa Park, CEO of GrowthCo",
-                        testimonialAuthorInitials: "LP",
-                    },
-                ], testimonialSectionHeader: "What Our Customers Say", className: cn("relative"), section: { className: "py-16 px-6 bg-background" }, container: { className: "max-w-7xl mx-auto" }, header: { className: "text-center mb-12" }, heading: {
-                    className: "text-3xl md:text-4xl font-bold font-inter text-[var(--heading-fg)]",
-                }, grid: {
-                    className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",
-                }, card: {
-                    className: "p-6 rounded-lg transition-transform duration-200 hover:-translate-y-1 bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)] shadow-[var(--card-shadow)]",
-                }, text: {
-                    className: "italic font-inter font-normal text-base text-[var(--card-fg)]",
-                }, author: {
-                    className: "text-sm font-medium font-inter text-[var(--card-muted-fg)]",
-                }, avatar: {
-                    className: "w-12 h-12 rounded-full flex items-center justify-center text-lg font-bold bg-[var(--badge-bg)] text-[var(--badge-fg)] border-[var(--badge-border)]",
-                }, avatarText: { className: "font-bold" }, ariaLabel: "Customer testimonials" })] }));
-}

package/dist/templates/saasdashboard/components/TrustBadges.d.ts

@@ -1,2 +0,0 @@
-export declare function TrustBadges(): import("react").JSX.Element;
-//# sourceMappingURL=TrustBadges.d.ts.map

package/dist/templates/saasdashboard/components/TrustBadges.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TrustBadges as SharedTrustBadges } from "@nextworks/blocks-sections";
-import { cn } from "@nextworks/blocks-core";
-const defaultBadgesInfo = [
-    {
-        badgeText: "10,000+ businesses",
-        badgeDescription: "Trusted by",
-        badgeIcon: "📊",
-    },
-    {
-        badgeText: "SOC 2 Compliant",
-        badgeDescription: "Enterprise security",
-        badgeIcon: "🔒",
-    },
-    {
-        badgeText: "99.9% Uptime",
-        badgeDescription: "Reliable service",
-        badgeIcon: "⚡",
-    },
-    {
-        badgeText: "4.9/5 Rating",
-        badgeDescription: "Customer satisfaction",
-        badgeIcon: "⭐",
-    },
-];
-export function TrustBadges() {
-    return (_jsx(SharedTrustBadges, { badges: defaultBadgesInfo, className: cn("relative"), section: { className: "py-8 px-6 bg-blue-950/10 dark:bg-blue-950" }, heading: {
-            className: "text-2xl font-bold font-inter text-gray-700 dark:text-gray-200",
-        }, badgesContainer: {
-            className: "flex flex-wrap items-center justify-center gap-8",
-        }, badge: {
-            className: "transition-all duration-200 grayscale hover:grayscale-0 hover:-translate-y-0.5",
-        }, text: {
-            className: "text-base font-medium font-inter text-gray-900 dark:text-white",
-        }, ariaLabel: "Trust badges section" }));
-}