@nextworks/blocks-templates 0.2.0-alpha.11 → 0.2.0-alpha.12

package/dist/templates/saasdashboard/components/Dashboard.jsx

@@ -1,49 +1,51 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import React, { useEffect, useRef, useState } from "react";
 export function Dashboard({ stats, projects, floatingCards, activeTab = "Analytics", navItems = ["Analytics", "Projects", "Team"], }) {
-    return (<div className="relative isolate">
-      <DashboardMockup stats={stats} projects={projects} activeTab={activeTab} navItems={navItems}/>
-
-      {floatingCards.map(({ position, icon, text }) => (<FloatingCard key={position} position={position} icon={icon} text={text}/>))}
-
-      <style>{`
-        .dashboard-mockup {
-          transform: perspective(1000px) rotateY(-5deg) rotateX(5deg);
-          transition: transform 0.3s ease;
-          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
-        }
-        .dashboard-mockup:hover {
-          transform: perspective(1000px) rotateY(-2deg) rotateX(2deg);
-        }
-        .trend-line {
-          clip-path: polygon(
-            0 100%,
-            20% 80%,
-            40% 85%,
-            60% 60%,
-            80% 50%,
-            100% 20%
-          );
-        }
-        @keyframes growUp {
-          0% {
-            height: 0;
-            opacity: 0;
-          }
-          100% {
-            opacity: 1;
-          }
-        }
-        @keyframes floatAnim {
-          0%,
-          100% {
-            transform: translateY(0px);
-          }
-          50% {
-            transform: translateY(-20px);
-          }
-        }
-      `}</style>
+    return (<div className="relative isolate">
+      <DashboardMockup stats={stats} projects={projects} activeTab={activeTab} navItems={navItems}/>
+
+      {floatingCards.map(({ position, icon, text }) => (<FloatingCard key={position} position={position} icon={icon} text={text}/>))}
+
+      <style>{`
+        .dashboard-mockup {
+          transform: perspective(1000px) rotateY(-5deg) rotateX(5deg);
+          transition: transform 0.3s ease;
+          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
+        }
+        .dashboard-mockup:hover {
+          transform: perspective(1000px) rotateY(-2deg) rotateX(2deg);
+        }
+        .trend-line {
+          clip-path: polygon(
+            0 100%,
+            20% 80%,
+            40% 85%,
+            60% 60%,
+            80% 50%,
+            100% 20%
+          );
+        }
+        @keyframes growUp {
+          0% {
+            height: 0;
+            opacity: 0;
+          }
+          100% {
+            opacity: 1;
+          }
+        }
+        @keyframes floatAnim {
+          0%,
+          100% {
+            transform: translateY(0px);
+          }
+          50% {
+            transform: translateY(-20px);
+          }
+        }
+      `}</style>
     </div>);
 }
 function DashboardMockup({ stats, projects, activeTab, navItems, }) {
@@ -82,70 +84,70 @@ function DashboardMockup({ stats, projects, activeTab, navItems, }) {
             "bg-slate-900/80 dark:bg-slate-900/80"} style={{
             willChange: "transform",
             transform: `perspective(1000px) rotateX(${tilt.rx}deg) rotateY(${tilt.ry}deg)`,
-        }} onMouseMove={handleMove} onMouseLeave={handleLeave}>
-      <DashboardHeader activeTab={activeTab} navItems={navItems}/>
-      <DashboardGrid stats={stats} projects={projects}/>
+        }} onMouseMove={handleMove} onMouseLeave={handleLeave}>
+      <DashboardHeader activeTab={activeTab} navItems={navItems}/>
+      <DashboardGrid stats={stats} projects={projects}/>
     </div>);
 }
 function DashboardHeader({ activeTab = "Analytics", navItems = ["Analytics", "Projects", "Team"], }) {
-    return (<div className="mb-6 flex items-center justify-between border-b border-blue-500/10 pb-4">
-      <div className="text-[1.1rem] font-semibold text-slate-200">
-        Business Overview
-      </div>
-      <div className="hidden gap-3 md:flex">
+    return (<div className="mb-6 flex items-center justify-between border-b border-blue-500/10 pb-4">
+      <div className="text-[1.1rem] font-semibold text-slate-200">
+        Business Overview
+      </div>
+      <div className="hidden gap-3 md:flex">
         {navItems.map((item) => (<div key={item} className={"rounded-md px-3 py-2 text-sm " +
                 (item === activeTab
                     ? "bg-gradient-to-br from-blue-500 to-purple-500 text-white"
-                    : "bg-blue-500/10 text-blue-400")}>
-            {item}
-          </div>))}
-      </div>
+                    : "bg-blue-500/10 text-blue-400")}>
+            {item}
+          </div>))}
+      </div>
     </div>);
 }
 function DashboardGrid({ stats, projects, }) {
-    return (<div className="mb-4 grid grid-cols-[2fr_1fr] gap-4">
-      <ChartArea />
-      <StatsPanel stats={stats}/>
-      <ProjectList projects={projects}/>
+    return (<div className="mb-4 grid grid-cols-[2fr_1fr] gap-4">
+      <ChartArea />
+      <StatsPanel stats={stats}/>
+      <ProjectList projects={projects}/>
     </div>);
 }
 function ChartArea() {
     const barHeights = [30, 45, 35, 60, 55, 75, 70, 85, 90, 100];
-    return (<div className="relative overflow-hidden rounded-lg border border-blue-500/10 bg-slate-900/50 p-4">
-      <div className="mb-2 text-sm text-slate-300">Revenue Growth</div>
+    return (<div className="relative overflow-hidden rounded-lg border border-blue-500/10 bg-slate-900/50 p-4">
+      <div className="mb-2 text-sm text-slate-300">Revenue Growth</div>
       <div className="relative h-32 overflow-hidden rounded-md" style={{
             background: "linear-gradient(45deg, transparent 20%, rgba(59,130,246,0.1) 20%, rgba(59,130,246,0.1) 40%, transparent 40%, transparent 60%, rgba(139,92,246,0.1) 60%, rgba(139,92,246,0.1) 80%, transparent 80%)",
-        }}>
-        <div className="absolute inset-[10px] flex items-end gap-[3px]">
+        }}>
+        <div className="absolute inset-[10px] flex items-end gap-[3px]">
           {barHeights.map((h, i) => (<div key={i} className="flex-1 rounded-t bg-gradient-to-b from-blue-500 to-purple-500" style={{
                 minHeight: "20px",
                 height: `${h}%`,
                 animation: "growUp 2s ease-out both",
                 animationDelay: `${(i + 1) * 0.1}s`,
-            }}/>))}
-        </div>
-        <div className="trend-line absolute top-5 right-[5%] left-[5%] h-[2px] rounded bg-gradient-to-r from-emerald-500 to-blue-500 opacity-80"/>
-      </div>
+            }}/>))}
+        </div>
+        <div className="trend-line absolute top-5 right-[5%] left-[5%] h-[2px] rounded bg-gradient-to-r from-emerald-500 to-blue-500 opacity-80"/>
+      </div>
     </div>);
 }
 function StatsPanel({ stats }) {
-    return (<div className="flex flex-col gap-2">
-      {stats.map((s, i) => (<div key={i} className="rounded-lg border border-blue-500/10 bg-slate-900/50 p-3">
-          <div className="text-lg font-bold text-blue-500">{s.value}</div>
-          <div className="text-[0.7rem] text-slate-400 uppercase">
-            {s.label}
-          </div>
-        </div>))}
+    return (<div className="flex flex-col gap-2">
+      {stats.map((s, i) => (<div key={i} className="rounded-lg border border-blue-500/10 bg-slate-900/50 p-3">
+          <div className="text-lg font-bold text-blue-500">{s.value}</div>
+          <div className="text-[0.7rem] text-slate-400 uppercase">
+            {s.label}
+          </div>
+        </div>))}
     </div>);
 }
 function ProjectList({ projects }) {
-    return (<div className="col-span-2 rounded-lg border border-blue-500/10 bg-slate-900/50 p-4">
-      <div className="mb-2 text-sm text-slate-300">Active Projects</div>
-      <div className="flex flex-wrap gap-2">
-        {projects.map((p, i) => (<div key={i} className="rounded border border-blue-500/30 bg-gradient-to-br from-blue-500/20 to-purple-500/10 px-2 py-2 text-[0.8rem] text-slate-200">
-            {p}
-          </div>))}
-      </div>
+    return (<div className="col-span-2 rounded-lg border border-blue-500/10 bg-slate-900/50 p-4">
+      <div className="mb-2 text-sm text-slate-300">Active Projects</div>
+      <div className="flex flex-wrap gap-2">
+        {projects.map((p, i) => (<div key={i} className="rounded border border-blue-500/30 bg-gradient-to-br from-blue-500/20 to-purple-500/10 px-2 py-2 text-[0.8rem] text-slate-200">
+            {p}
+          </div>))}
+      </div>
     </div>);
 }
 function FloatingCard({ position, icon, text }) {
@@ -159,10 +161,10 @@ function FloatingCard({ position, icon, text }) {
             "animate-[floatAnim_6s_ease-in-out_infinite]",
             "bg-slate-800 dark:bg-slate-900",
             positionClasses,
-        ].join(" ")} style={{ willChange: "transform" }}>
-      <div className="mb-2 flex h-[30px] w-[30px] items-center justify-center rounded-md bg-gradient-to-br from-blue-500 to-purple-500 text-sm text-white">
-        {icon}
-      </div>
-      <div className="text-sm text-slate-300">{text}</div>
+        ].join(" ")} style={{ willChange: "transform" }}>
+      <div className="mb-2 flex h-[30px] w-[30px] items-center justify-center rounded-md bg-gradient-to-br from-blue-500 to-purple-500 text-sm text-white">
+        {icon}
+      </div>
+      <div className="text-sm text-slate-300">{text}</div>
     </div>);
 }

package/dist/templates/saasdashboard/components/FAQ.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/FAQ.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,GAAG,gCAyBlB"}
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/FAQ.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,GAAG,gCAyBlB"}

package/dist/templates/saasdashboard/components/FAQ.jsx

@@ -0,0 +1,36 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+"use client";
+import { FAQ as SharedFAQ } from "@nextworks/blocks-sections";
+const defaultFAQArray = [
+    {
+        question: "Can I migrate from other tools?",
+        answer: "Yes, we help with data import.",
+    },
+    {
+        question: "What integrations are available?",
+        answer: "50+ apps including Slack, Google, Zapier.",
+    },
+    { question: "How long does setup take?", answer: "Less than 15 minutes." },
+    {
+        question: "Is there a free trial?",
+        answer: "Yes — start a 14-day free trial with no credit card required.",
+    },
+    {
+        question: "What support do you offer?",
+        answer: "Email, chat, and dedicated onboarding for paid plans.",
+    },
+    {
+        question: "Are there discounts for teams or annual billing?",
+        answer: "Yes — we offer team pricing and discounts for annual subscriptions.",
+    },
+];
+export function FAQ() {
+    return (<SharedFAQ faqData={defaultFAQArray} faqSectionHeaderText="Frequently Asked Questions" section={{ className: "py-10 px-5 bg-background text-[var(--card-fg)]" }} heading={{
+            className: "text-3xl font-bold font-inter text-center mb-6 text-[var(--heading-fg)]",
+        }} grid={{ className: "grid grid-cols-2 gap-4" }} item={{ className: "mb-0" }} questionButton={{
+            className: "p-5 rounded-lg transition-all duration-200 flex items-center justify-between cursor-pointer shadow-lg hover:shadow-xl hover:-translate-y-0.5 font-inter bg-gradient-to-r from-sky-600 to-sky-700 hover:from-sky-700 hover:to-sky-800 text-white [--btn-ring:theme(colors.sky.500)] dark:[--btn-ring:theme(colors.sky.400)] [--btn-border:theme(colors.sky.500)] dark:[--btn-border:theme(colors.sky.400)]",
+        }} questionText={{ className: "font-inter font-semibold text-base" }} answer={{
+            className: "mt-1 rounded-lg bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)]",
+        }} answerText={{ className: "font-inter text-base text-[var(--card-fg)]" }} allowMultipleOpen={true}/>);
+}

package/dist/templates/saasdashboard/components/Features.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Features.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,QAAQ,gCA6DvB"}
+{"version":3,"file":"Features.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Features.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,QAAQ,gCA4DvB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Features as SharedFeatures } from "@nextworks/blocks-sections";
 import { cn } from "@nextworks/blocks-core";
@@ -38,9 +40,7 @@ export function Features() {
             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={{
+        }} motionConfig={{
             initial: { opacity: 0, y: 12 },
             whileInView: { opacity: 1, y: 0 },
             viewport: { once: true, amount: 0.2 },

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Footer.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,MAAM,gCAyCrB"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Footer.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,MAAM,gCAyCrB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Footer as SharedFooter } from "@nextworks/blocks-sections";
 import { cn } from "@nextworks/blocks-core";

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

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Hero.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,IAAI,gCAiFnB"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Hero.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,IAAI,gCAiFnB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
 import { Dashboard } from "./Dashboard";
@@ -15,7 +17,7 @@ const floatingCards = [
 const activeTab = "Analytics";
 const navItems = ["Analytics", "Projects", "Team"];
 export function Hero() {
-    return (<div className="relative">
+    return (<div className="relative">
       <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)]",
@@ -52,10 +54,10 @@ export function Hero() {
                 "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={<div className="flex h-full w-full items-center justify-center">
-            <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">
-              <Dashboard stats={stats} projects={projects} floatingCards={floatingCards} navItems={navItems} activeTab={activeTab}/>
-            </div>
+        }} image={{ src: undefined, alt: "Dashboard preview" }} imageLayout="padded" fallback={<div className="flex h-full w-full items-center justify-center">
+            <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">
+              <Dashboard stats={stats} projects={projects} floatingCards={floatingCards} navItems={navItems} activeTab={activeTab}/>
+            </div>
           </div>} 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",
         }} textContainer={{ className: "flex-1 p-5 lg:p-8" }} buttonsContainer={{
@@ -64,6 +66,6 @@ export function Hero() {
                 "[--btn-ring:theme(colors.sky.500)]",
                 "dark:[--btn-ring:theme(colors.sky.400)]",
             ].join(" "),
-        }} textAlign="center" ariaLabel="DashFlow hero section"/>
+        }} textAlign="center" ariaLabel="DashFlow hero section"/>
     </div>);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Hero_mask.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Hero_mask.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,wBAAgB,IAAI,sBAsGnB"}
+{"version":3,"file":"Hero_mask.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Hero_mask.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,wBAAgB,IAAI,sBAsGnB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import React from "react";
 import { HeroSplit as SharedHeroSplit } from "@nextworks/blocks-sections";
@@ -43,13 +45,13 @@ export function Hero() {
             window.removeEventListener("resize", measure);
         };
     }, []);
-    return (<div className="relative">
-      {/* Ambient gradient blobs behind hero */}
-      <div className="pointer-events-none absolute inset-0 -z-20 overflow-hidden">
-        <div className="absolute -top-10 -left-10 h-72 w-72 rounded-full bg-blue-500/20 blur-3xl"/>
-        <div className="absolute right-0 bottom-0 h-72 w-72 rounded-full bg-purple-500/20 blur-3xl"/>
-      </div>
-      <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">
+    return (<div className="relative">
+      {/* Ambient gradient blobs behind hero */}
+      <div className="pointer-events-none absolute inset-0 -z-20 overflow-hidden">
+        <div className="absolute -top-10 -left-10 h-72 w-72 rounded-full bg-blue-500/20 blur-3xl"/>
+        <div className="absolute right-0 bottom-0 h-72 w-72 rounded-full bg-purple-500/20 blur-3xl"/>
+      </div>
+      <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">
         <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",
@@ -70,15 +72,15 @@ export function Hero() {
             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={<div ref={dashRef} className="relative z-10 flex h-full w-full items-center justify-center pl-0">
-              <div className="relative h-full w-[min(100%,720px)] overflow-hidden p-2">
-                <Dashboard stats={stats} projects={projects} floatingCards={floatingCards} navItems={navItems} activeTab={activeTab}/>
-              </div>
+        }} image={{ src: undefined, alt: "Dashboard preview" }} imageLayout="padded" fallback={<div ref={dashRef} className="relative z-10 flex h-full w-full items-center justify-center pl-0">
+              <div className="relative h-full w-[min(100%,720px)] overflow-hidden p-2">
+                <Dashboard stats={stats} projects={projects} floatingCards={floatingCards} navItems={navItems} activeTab={activeTab}/>
+              </div>
             </div>} 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",
         }} 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"/>
-      </div>
+        }} textAlign="center" ariaLabel="DashFlow hero section"/>
+      </div>
     </div>);
 }

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

@@ -9,7 +9,7 @@ import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
  * - Blue hover states for links and theme toggle
  * - Glassy background with backdrop blur (light/dark)
  *
- * This preset exposes the Shared Navbar API so any prop/slot can be overridden.
+ * This preset exposes the Shared Navbar API, allowing full customization of any prop or slot.
  *
  * Example:
  * <Navbar

package/dist/templates/saasdashboard/components/Navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAqFlD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAQrD"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAoFlD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAQrD"}

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

@@ -1,10 +1,12 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
 const defaultProps = {
     brand: "DashFlow",
-    // Preserve custom gradient logo block
-    brandNode: (<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">
-      DF
+    // Gradient logo block
+    brandNode: (<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">
+      DF
     </div>),
     menuItems: [
         { label: "Home", href: "#home" },
@@ -62,7 +64,7 @@ const defaultProps = {
     colorModeWrapper: {
         className: "ml-2",
     },
-    // With variables above, ThemeToggle can rely on them; explicit override optional
+    // ThemeToggle reads the CSS vars defined in `nav.className`; override via `themeToggle` if needed.
     // themeToggle: { ... }
     ctaButtonWrapper: {
         className: "ml-2",

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

@@ -1 +1 @@
-{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Pricing.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,OAAO,gCA2CtB"}
+{"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Pricing.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,OAAO,gCA2CtB"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
 import { cn } from "@nextworks/blocks-core";

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

@@ -1 +1 @@
-{"version":3,"file":"SmoothScroll.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/SmoothScroll.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,SA0F3B"}
+{"version":3,"file":"SmoothScroll.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/SmoothScroll.tsx"],"names":[],"mappings":"AAQA,wBAAgB,YAAY,SA0F3B"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { useEffect } from "react";
 // Smoothly scrolls to section links with a faster duration
@@ -12,7 +14,7 @@ export function SmoothScroll() {
             const start = window.scrollY;
             const targetTop = el.getBoundingClientRect().top + window.scrollY - navbarOffsetPx;
             const distance = targetTop - start;
-            const duration = 300;
+            const duration = 300; // ms
             const startTime = performance.now();
             const easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
             const step = (now) => {
@@ -33,7 +35,6 @@ export function SmoothScroll() {
             const href = target.getAttribute("href");
             if (!href || !href.startsWith("#"))
                 return;
-            // Only primary button, no modifiers
             if (ev.button !== 0 ||
                 ev.metaKey ||
                 ev.ctrlKey ||

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

@@ -1 +1 @@
-{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Testimonials.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,gCAkE3B"}
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/Testimonials.tsx"],"names":[],"mappings":"AAQA,wBAAgB,YAAY,gCAkE3B"}

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

@@ -1,11 +1,13 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
 import { cn } from "@nextworks/blocks-core";
 export function Testimonials() {
-    return (<div className="relative">
-      {/* Gradient mesh + fine noise overlays for depth */}
-      <div aria-hidden 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"/>
-      <div aria-hidden 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]"/>
+    return (<div className="relative">
+      {/* Gradient mesh and fine noise overlays for depth */}
+      <div aria-hidden 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"/>
+      <div aria-hidden 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]"/>
       <SharedTestimonials testimonials={[
             {
                 testimonialText: "DashFlow replaced 6 different tools for us. Our team productivity increased 40% in the first month.",
@@ -34,6 +36,6 @@ export function Testimonials() {
             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"/>
+        }} avatarText={{ className: "font-bold" }} ariaLabel="Customer testimonials"/>
     </div>);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/TrustBadges.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,WAAW,gCAwB1B"}
+{"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../../../src/templates/saasdashboard/components/TrustBadges.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,WAAW,gCAwB1B"}

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

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { TrustBadges as SharedTrustBadges } from "@nextworks/blocks-sections";
 import { cn } from "@nextworks/blocks-core";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextworks/blocks-templates",
-  "version": "0.2.0-alpha.11",
+  "version": "0.2.0-alpha.12",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,8 +16,8 @@
     "build": "npx tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@nextworks/blocks-core": "0.2.0-alpha.11",
-    "@nextworks/blocks-sections": "0.2.0-alpha.11",
+    "@nextworks/blocks-core": "0.2.0-alpha.12",
+    "@nextworks/blocks-sections": "0.2.0-alpha.12",
     "lucide-react": "^0.542.0"
   },
   "devDependencies": {