nextworks 0.1.0-alpha.11 → 0.1.0-alpha.14

package/dist/kits/auth-core/components/auth/signup-form.tsx

@@ -23,7 +23,6 @@ import { FormItem } from "@/components/ui/form/form-item";
 import { FormLabel } from "@/components/ui/form/form-label";
 import { FormMessage } from "@/components/ui/form/form-message";
 import { FormControl } from "@/components/ui/form/form-control";
-import { toast } from "sonner";
 import { mapApiErrorsToForm } from "@/lib/forms/map-errors";
 import useCheckUnique from "@/components/hooks/useCheckUnique";
 
@@ -163,7 +162,6 @@ export default function SignupForm({
   const { data: session, status } = useSession();
   const redirectTo = searchParams.get("callbackUrl") || defaultRedirect;
   const [formError, setFormError] = useState<string | null>(null);
-  const [success, setSuccess] = useState(false);
   const [isGithubLoading, setIsGithubLoading] = useState(false);
   const [githubAvailable, setGithubAvailable] = useState(false);
 
@@ -178,24 +176,23 @@ export default function SignupForm({
   const {
     control,
     handleSubmit,
-    setError: setFieldError,
     formState: { isSubmitting },
   } = formMethods;
 
   const emailValue = formMethods.watch("email");
-  const {
-    loading: checkingEmail,
-    unique: emailUnique,
-    error: emailUniqueError,
-  } = useCheckUnique("email", emailValue, 500);
+  const { loading: checkingEmail, unique: emailUnique } = useCheckUnique(
+    "email",
+    emailValue,
+    500,
+  );
 
-  const useDebouncedValidator = (
-    fn: (v: any) => Promise<boolean | string | undefined>,
+  const useDebouncedValidator = <T,>(
+    fn: (v: T) => Promise<boolean | string | undefined>,
     delay = 500,
   ) => {
     const timer = useRef<number | undefined>(undefined);
     return useCallback(
-      (value: any): Promise<boolean | string | undefined> => {
+      (value: T): Promise<boolean | string | undefined> => {
         if (timer.current) window.clearTimeout(timer.current);
         return new Promise((resolve) => {
           timer.current = window.setTimeout(async () => {
@@ -250,7 +247,6 @@ export default function SignupForm({
 
   const onSubmit = async (data: SignupFormValues) => {
     setFormError(null);
-    setSuccess(false);
     try {
       const res = await fetch("/api/signup", {
         method: "POST",
@@ -258,12 +254,25 @@ export default function SignupForm({
         body: JSON.stringify(data),
       });
 
-      const payload = await res.json().catch(() => null);
-      if (!res.ok || !payload?.success) {
-        const msg = payload
-          ? mapApiErrorsToForm(formMethods, payload)
-          : undefined;
-        setFormError(msg || payload?.message || "Signup failed");
+      const payload: unknown = await res.json().catch(() => null);
+      if (
+        !res.ok ||
+        !(
+          payload &&
+          typeof payload === "object" &&
+          "success" in payload &&
+          payload.success === true
+        )
+      ) {
+        const msg = payload ? mapApiErrorsToForm(formMethods, payload as never) : undefined;
+        const payloadMessage =
+          payload &&
+          typeof payload === "object" &&
+          "message" in payload &&
+          typeof payload.message === "string"
+            ? payload.message
+            : null;
+        setFormError(msg || payloadMessage || "Signup failed");
         return;
       }
 
@@ -271,8 +280,7 @@ export default function SignupForm({
         `/auth/login?signup=1&callbackUrl=${encodeURIComponent(redirectTo)}`,
       );
     } catch (e: unknown) {
-      const err = e as Error;
-      setFormError(err.message || "Unknown error");
+      setFormError(e instanceof Error ? e.message : "Unknown error");
     }
   };
 
@@ -319,15 +327,6 @@ export default function SignupForm({
           {formError}
         </div>
       )}
-      {success && (
-        <div
-          className={cn(alerts.successClassName)}
-          role="status"
-          aria-live="polite"
-        >
-          {labels.success}
-        </div>
-      )}
 
       {showGithub && githubAvailable && (
         <>

package/dist/kits/auth-core/lib/auth.ts

@@ -8,6 +8,12 @@ import { compare } from "bcryptjs";
 import { z } from "zod";
 import { zodErrorToFieldErrors } from "@/lib/api/errors";
 
+type JwtTokenWithAppClaims = {
+  id?: string;
+  role?: string;
+  image?: string | null;
+};
+
 export const authOptions: NextAuthOptions = {
   adapter: PrismaAdapter(prisma),
   providers: [
@@ -66,8 +72,8 @@ export const authOptions: NextAuthOptions = {
             name: user.name,
             email: user.email,
             role: user.role,
-          } as any;
-        } catch (err: any) {
+          } as unknown as import("next-auth").User;
+        } catch (err: unknown) {
           if (err instanceof z.ZodError) {
             throw new Error(
               JSON.stringify({
@@ -77,8 +83,10 @@ export const authOptions: NextAuthOptions = {
             );
           }
           try {
-            JSON.parse(err?.message);
-            throw err; // already structured
+            if (err instanceof Error) {
+              JSON.parse(err.message);
+              throw err; // already structured
+            }
           } catch {
             throw new Error(
               JSON.stringify({
@@ -88,6 +96,8 @@ export const authOptions: NextAuthOptions = {
             );
           }
         }
+
+        return null;
       },
     }),
     ...(process.env.GITHUB_ID && process.env.GITHUB_SECRET
@@ -102,29 +112,50 @@ export const authOptions: NextAuthOptions = {
   session: { strategy: "jwt" },
   callbacks: {
     async jwt({ token, user, trigger, session }) {
+      const t = token as typeof token & JwtTokenWithAppClaims;
+
       if (user) {
-        (token as any).id = (user as any).id;
+        // NextAuth's `user` type doesn't include custom properties like `role`.
+        // Narrow via runtime checks instead of `any`.
+        const u = user as unknown as Record<string, unknown>;
+
+        if (typeof u.id === "string") t.id = u.id;
+
         token.name = user.name ?? "";
         token.email = user.email ?? "";
-        (token as any).role =
-          (user as any).role ?? (token as any).role ?? "user";
+
+        if (typeof u.role === "string") {
+          t.role = u.role;
+        } else {
+          t.role = t.role ?? "user";
+        }
       }
+
       if (trigger === "update" && session) {
-        const s = session as any;
-        if (typeof s.name === "string") token.name = s.name;
-        if (typeof s.email === "string") token.email = s.email;
-        if (typeof s.role === "string") (token as any).role = s.role;
-        if (s.image === null || typeof s.image === "string")
-          (token as any).image = s.image ?? null;
+        if (typeof session.name === "string") token.name = session.name;
+        if (typeof session.email === "string") token.email = session.email;
+
+        const s = session as unknown as Record<string, unknown>;
+        if (typeof s.role === "string") t.role = s.role;
+
+        if (s.image === null || typeof s.image === "string") {
+          t.image = (s.image as string | null) ?? null;
+        }
       }
+
       return token;
     },
     async session({ session, token }) {
+      const t = token as typeof token & JwtTokenWithAppClaims;
+
       if (session.user) {
-        (session.user as any).id = (token as any).id as string;
+        if (typeof t.id === "string") session.user.id = t.id;
         session.user.name = token.name ?? null;
         session.user.email = token.email ?? "";
-        (session.user as any).role = (token as any).role ?? "user";
+
+        if (typeof t.role === "string") {
+          (session.user as unknown as Record<string, unknown>).role = t.role;
+        }
       }
       return session;
     },

package/dist/kits/auth-core/lib/forms/map-errors.ts

@@ -1,11 +1,37 @@
-export function mapApiErrorsToForm(methods: any, payload: any) {
-  if (!payload || typeof payload !== "object") return null;
-  const errors = payload.errors || null;
-  const message = payload.message || null;
-  if (errors && typeof errors === "object") {
-    Object.entries(errors).forEach(([field, msg]) => {
-      methods.setError(field as any, { type: "server", message: String(msg) });
-    });
-  }
-  return message;
-}
+import type { FieldValues, Path, UseFormReturn } from "react-hook-form";
+
+type ApiErrorPayload = {
+  message?: unknown;
+  errors?: unknown;
+};
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+export function mapApiErrorsToForm<TFieldValues extends FieldValues>(
+  methods: UseFormReturn<TFieldValues>,
+  payload: unknown,
+): string | null {
+  if (!isRecord(payload)) return null;
+
+  const messageRaw = (payload as ApiErrorPayload).message;
+  const errorsRaw = (payload as ApiErrorPayload).errors;
+
+  const message = typeof messageRaw === "string" ? messageRaw : null;
+
+  if (!isRecord(errorsRaw)) return message;
+
+  for (const [field, msg] of Object.entries(errorsRaw)) {
+    // Runtime safety: only set errors for fields that exist on the form
+    if (field in methods.getValues()) {
+      methods.setError(field as Path<TFieldValues>, {
+        type: "server",
+        message: typeof msg === "string" ? msg : String(msg),
+      });
+    }
+  }
+
+  return message;
+}
+

package/dist/kits/auth-core/lib/server/result.ts

@@ -1,45 +1,45 @@
-export function jsonOk(data?: any, opts?: { status?: number; message?: string }) {
-  return Response.json({ success: true, data: data ?? null, message: opts?.message ?? null }, { status: opts?.status ?? 200 });
-}
-
-export function jsonFail(
-  message: string,
-  opts?: { status?: number; code?: string | number; errors?: Record<string, string> | null },
-) {
-  return Response.json(
-    { success: false, data: null, message, code: opts?.code ?? null, errors: opts?.errors ?? null },
-    { status: opts?.status ?? 400 },
-  );
-}
-
-export function jsonFromZod(err: any, opts?: { status?: number; message?: string }) {
-  const fieldErrors: Record<string, string> = {};
-  if (err?.issues && Array.isArray(err.issues)) {
-    for (const issue of err.issues) {
-      if (issue.path && issue.path.length > 0) {
-        fieldErrors[String(issue.path[0])] = issue.message;
-      }
-    }
-  }
-  return jsonFail(opts?.message || "Validation failed", {
-    status: opts?.status ?? 400,
-    errors: Object.keys(fieldErrors).length > 0 ? fieldErrors : null,
-    code: "VALIDATION_ERROR",
-  });
-}
-
-export function jsonFromPrisma(err: any) {
-  // Basic unique violation mapping (P2002)
-  const code = (err && err.code) || "PRISMA_ERROR";
-  if (code === "P2002") {
-    const meta = err.meta || {};
-    const target = Array.isArray(meta.target) ? meta.target[0] : meta.target;
-    const field = typeof target === "string" ? target : "field";
-    return jsonFail("Unique constraint violation", {
-      status: 409,
-      errors: { [field]: `${field} already in use` },
-      code: "UNIQUE_CONSTRAINT",
-    });
-  }
-  return jsonFail("Database error", { status: 500, code });
-}
+export function jsonOk(data?: any, opts?: { status?: number; message?: string }) {
+  return Response.json({ success: true, data: data ?? null, message: opts?.message ?? null }, { status: opts?.status ?? 200 });
+}
+
+export function jsonFail(
+  message: string,
+  opts?: { status?: number; code?: string | number; errors?: Record<string, string> | null },
+) {
+  return Response.json(
+    { success: false, data: null, message, code: opts?.code ?? null, errors: opts?.errors ?? null },
+    { status: opts?.status ?? 400 },
+  );
+}
+
+export function jsonFromZod(err: any, opts?: { status?: number; message?: string }) {
+  const fieldErrors: Record<string, string> = {};
+  if (err?.issues && Array.isArray(err.issues)) {
+    for (const issue of err.issues) {
+      if (issue.path && issue.path.length > 0) {
+        fieldErrors[String(issue.path[0])] = issue.message;
+      }
+    }
+  }
+  return jsonFail(opts?.message || "Validation failed", {
+    status: opts?.status ?? 400,
+    errors: Object.keys(fieldErrors).length > 0 ? fieldErrors : null,
+    code: "VALIDATION_ERROR",
+  });
+}
+
+export function jsonFromPrisma(err: any) {
+  // Basic unique violation mapping (P2002)
+  const code = (err && err.code) || "PRISMA_ERROR";
+  if (code === "P2002") {
+    const meta = err.meta || {};
+    const target = Array.isArray(meta.target) ? meta.target[0] : meta.target;
+    const field = typeof target === "string" ? target : "field";
+    return jsonFail("Unique constraint violation", {
+      status: 409,
+      errors: { [field]: `${field} already in use` },
+      code: "UNIQUE_CONSTRAINT",
+    });
+  }
+  return jsonFail("Database error", { status: 500, code });
+}

package/dist/kits/auth-core/lib/validation/forms.ts

@@ -60,8 +60,7 @@ export const userUpdateSchema = z.object({
   password: z
     .string()
     .min(6, "Password must be at least 6 characters")
-    .optional()
-    .or(z.literal("")),
+    .optional(),
   emailVerified: z
     .union([z.date(), z.string().transform((s) => new Date(s)), z.null()])
     .optional(),

package/dist/kits/auth-core/package-deps.json

@@ -11,9 +11,11 @@
     "next-auth": "^4.24.13",
     "tailwind-merge": "^3.3.1",
     "nodemailer": "^7.0.7",
-    "@nextworks/blocks-core": "*"
+    "@nextworks/blocks-core": "0.1.0-alpha.14"
   },
   "devDependencies": {
-    "prisma": "^6.16.1"
+    "prisma": "^6.16.1",
+    "@types/nodemailer": "^7.0.4"
+
   }
 }

package/dist/kits/auth-core/types/next-auth.d.ts

@@ -1,7 +1,7 @@
 // Copyright (c) 2025 Jakob Bro Liebe Hansen
 // SPDX-License-Identifier: MIT
 
-import NextAuth, { DefaultSession } from "next-auth";
+import type { DefaultSession } from "next-auth";
 
 declare module "next-auth" {
   interface Session {

package/dist/kits/blocks/.nextworks/docs/BLOCKS_QUICKSTART.md

@@ -3,7 +3,8 @@
 This document explains the Blocks kit: prebuilt UI sections, templates and core UI primitives included in this repository. The Blocks kit is intended to be a non-invasive copyable kit (shadCN-style) you can install into any Next.js App Router + TypeScript + Tailwind project.
 
 > **Alpha note**
-> Other kits (Auth Core, Forms, Data) are currently tested and supported on top of a default Blocks install. For the smoothest experience, install Blocks first in your app before adding other kits.
+> Other kits (Auth Core, Forms, Data) are currently tested and supported on top of a default Blocks install.
+> For the smoothest experience, install **Blocks first** in your app before adding other kits.
 
 > If you are using the `nextworks` CLI in your own app, you can install this Blocks kit by running:
 >
@@ -12,13 +13,6 @@ This document explains the Blocks kit: prebuilt UI sections, templates and core
 > ```
 >
 > This installs **core UI primitives, sections, and page templates**, so the example templates work out of the box. The CLI will copy files into your project under `components/`, `app/templates/`, `lib/`, and `public/` as described below.
->
-> Advanced:
->
-> - `npx nextworks add blocks --ui-only` → install core UI primitives only (no sections/templates).
-> - `npx nextworks add blocks --sections` → install core + sections only.
-> - `npx nextworks add blocks --templates` → install core + templates only.
-> - `npx nextworks add blocks --sections --templates` → install core + sections + templates.
 
 What’s included
 

package/dist/kits/blocks/.nextworks/docs/THEME_GUIDE.md

@@ -14,7 +14,24 @@ This project now includes a comprehensive theming system that allows you to easi
 
 ### 1. Basic Setup
 
-Your app is already configured with the enhanced theme provider in `app/layout.tsx`. The default theme is set to "monochrome".
+Your app is configured with the enhanced theme provider via `AppProviders` in `app/layout.tsx`.
+
+**Turbopack / Next 16 note (fonts + AppProviders)**
+
+As of the current alpha, `@nextworks/blocks-core/server` intentionally **does not** import `next/font/*`.
+Fonts are instead configured directly in your app’s `app/layout.tsx` (the CLI patches this for you).
+This avoids Turbopack dev issues related to internal Next font modules.
+
+If you ever see a font-related Turbopack error after upgrades or manual edits, re-run:
+
+```bash
+npx nextworks add blocks --sections --templates
+```
+
+to re-apply the layout patch, and ensure `app/layout.tsx` contains a valid
+`import { ... } from "next/font/google";` plus the corresponding `const geistSans = ...` etc.
+
+The default theme variant is set to "monochrome".
 
 ### 2. Available Themes
 

package/dist/kits/blocks/app/templates/productlaunch/page.tsx

@@ -11,8 +11,6 @@ import { Testimonials } from "./components/Testimonials";
 import { TrustBadges } from "./components/TrustBadges";
 import { Features } from "./components/Features";
 
-import { PresetThemeVars } from "./PresetThemeVars";
-
 export default function ProductLaunchPage() {
   return (
     // <PresetThemeVars>

package/dist/kits/blocks/components/sections/FAQ.tsx

@@ -3,7 +3,6 @@
 import React, { useMemo, useState } from "react";
 import { cn } from "@/lib/utils";
 import { ChevronDown, ChevronUp } from "lucide-react";
-import { Button } from "../ui/button";
 
 /**
  * Represents a single FAQ item.

package/dist/kits/blocks/components/sections/Newsletter.tsx

@@ -33,8 +33,8 @@ export interface NewsletterProps {
   input?: { className?: string };
   button?: {
     className?: string;
-    variant?: any;
-    size?: any;
+    variant?: React.ComponentProps<typeof Button>["variant"];
+    size?: React.ComponentProps<typeof Button>["size"];
     unstyled?: boolean;
   };
 

package/dist/kits/blocks/components/ui/switch.tsx

@@ -1,78 +1,78 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
-
-export type SwitchProps = React.InputHTMLAttributes<HTMLInputElement> & {
-  isLoading?: boolean;
-};
-
-const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
-  ({ className, isLoading, disabled, ...props }, ref) => {
-    const checked = !!(props as any).checked;
-    const isDisabled = !!disabled || !!isLoading;
-    return (
-      <label
-        className={cn(
-          "focus-within:ring-offset-background inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2",
-          isDisabled ? "cursor-not-allowed opacity-80" : "cursor-pointer",
-          className,
-        )}
-      >
-        <input
-          type="checkbox"
-          role="switch"
-          ref={ref}
-          className="sr-only"
-          disabled={isDisabled}
-          aria-busy={isLoading ? "true" : undefined}
-          {...(props as any)}
-        />
-        <span
-          aria-hidden
-          className={cn(
-            "relative inline-flex h-6 w-11 flex-shrink-0 rounded-full transition-colors duration-200",
-            checked ? "bg-[var(--primary)]" : "bg-[var(--primary)]/80",
-          )}
-        >
-          <span
-            className={cn(
-              // Thumb should adjust for theme to guarantee contrast
-              "absolute top-0.5 left-0.5 h-5 w-5 transform rounded-full bg-[var(--switch-thumb)] shadow-md transition-transform duration-200 ease-in-out",
-              checked ? "translate-x-5" : "translate-x-0",
-            )}
-          />
-
-          {/* Loading indicator centered inside the switch when isLoading */}
-          {isLoading && (
-            <span className="absolute inset-0 flex items-center justify-center">
-              <svg
-                className="h-4 w-4 animate-spin text-white"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                aria-hidden
-              >
-                <circle
-                  className="opacity-25"
-                  cx="12"
-                  cy="12"
-                  r="10"
-                  stroke="currentColor"
-                  strokeWidth="4"
-                />
-                <path
-                  className="opacity-75"
-                  fill="currentColor"
-                  d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
-                />
-              </svg>
-            </span>
-          )}
-        </span>
-      </label>
-    );
-  },
-);
-
-Switch.displayName = "Switch";
-
-export { Switch };
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export type SwitchProps = React.InputHTMLAttributes<HTMLInputElement> & {
+  isLoading?: boolean;
+};
+
+const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
+  ({ className, isLoading, disabled, ...props }, ref) => {
+    const checked = !!(props as any).checked;
+    const isDisabled = !!disabled || !!isLoading;
+    return (
+      <label
+        className={cn(
+          "focus-within:ring-offset-background inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-[var(--ring)] focus-within:ring-offset-2",
+          isDisabled ? "cursor-not-allowed opacity-80" : "cursor-pointer",
+          className,
+        )}
+      >
+        <input
+          type="checkbox"
+          role="switch"
+          ref={ref}
+          className="sr-only"
+          disabled={isDisabled}
+          aria-busy={isLoading ? "true" : undefined}
+          {...(props as any)}
+        />
+        <span
+          aria-hidden
+          className={cn(
+            "relative inline-flex h-6 w-11 flex-shrink-0 rounded-full transition-colors duration-200",
+            checked ? "bg-[var(--primary)]" : "bg-[var(--primary)]/80",
+          )}
+        >
+          <span
+            className={cn(
+              // Thumb should adjust for theme to guarantee contrast
+              "absolute top-0.5 left-0.5 h-5 w-5 transform rounded-full bg-[var(--switch-thumb)] shadow-md transition-transform duration-200 ease-in-out",
+              checked ? "translate-x-5" : "translate-x-0",
+            )}
+          />
+
+          {/* Loading indicator centered inside the switch when isLoading */}
+          {isLoading && (
+            <span className="absolute inset-0 flex items-center justify-center">
+              <svg
+                className="h-4 w-4 animate-spin text-white"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden
+              >
+                <circle
+                  className="opacity-25"
+                  cx="12"
+                  cy="12"
+                  r="10"
+                  stroke="currentColor"
+                  strokeWidth="4"
+                />
+                <path
+                  className="opacity-75"
+                  fill="currentColor"
+                  d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+                />
+              </svg>
+            </span>
+          )}
+        </span>
+      </label>
+    );
+  },
+);
+
+Switch.displayName = "Switch";
+
+export { Switch };

package/dist/kits/blocks/components/ui/theme-selector.tsx

@@ -7,7 +7,7 @@ import { useThemeVariant } from "@/components/enhanced-theme-provider";
 import {
   themes,
   darkThemes,
-  ThemeVariant,
+  type ThemeVariant,
   type ThemeConfig,
 } from "@/lib/themes";
 

package/dist/kits/blocks/lib/themes.ts

@@ -1,3 +1,4 @@
+export type { ThemeConfig, ThemeVariant } from "@nextworks/blocks-core";
 import { type ThemeConfig, type ThemeVariant } from "@nextworks/blocks-core";
 
 export const themes: Record<ThemeVariant, ThemeConfig> = {