@firtoz/router-toolkit 2.0.0 → 2.1.0

package/README.md

@@ -190,7 +190,7 @@ Type-safe form submission with Zod validation and enhanced submit functionality.
 ```tsx
 // app/routes/contact.tsx
 import { useDynamicSubmitter, type RoutePath } from '@firtoz/router-toolkit';
-import { z } from 'zod/v4';
+import { z } from 'zod';
 import type { Route } from './+types/contact';
 
 // 1. Define your form schema
@@ -280,7 +280,7 @@ Track changes in fetcher state and react to them. Perfect for triggering side ef
 // app/routes/notification-form.tsx
 import { useDynamicSubmitter, useFetcherStateChanged, type RoutePath } from '@firtoz/router-toolkit';
 import { useState } from 'react';
-import { z } from 'zod/v4';
+import { z } from 'zod';
 import type { Route } from './+types/notification-form';
 
 export const route: RoutePath<"/notification-form"> = "/notification-form";
@@ -410,7 +410,7 @@ Type-safe form action wrapper that provides Zod validation and structured error
 
 ```tsx
 // app/routes/register.tsx
-import { z } from "zod/v4";
+import { z } from "zod";
 import { formAction, type RoutePath } from "@firtoz/router-toolkit";
 import { success, fail } from "@firtoz/maybe-error";
 
@@ -777,7 +777,7 @@ export default function LoaderTest() {
 ```tsx
 // app/routes/action-test.tsx
 import { useDynamicSubmitter, type RoutePath } from '@firtoz/router-toolkit';
-import { z } from 'zod/v4';
+import { z } from 'zod';
 import type { Route } from './+types/action-test';
 
 interface ActionData {
@@ -896,7 +896,7 @@ import {
   type RoutePath,
 } from '@firtoz/router-toolkit';
 import { useLoaderData } from 'react-router';
-import { z } from 'zod/v4';
+import { z } from 'zod';
 import type { Route } from './+types/combined-test';
 
 interface User {
@@ -1164,7 +1164,7 @@ export default function UserProfile() {
 ```tsx
 // app/routes/create-user.tsx
 import { success, fail, type MaybeError, useDynamicSubmitter, type RoutePath } from '@firtoz/router-toolkit';
-import { z } from 'zod/v4';
+import { z } from 'zod';
 import type { Route } from './+types/create-user';
 
 export const route: RoutePath<"/create-user"> = "/create-user";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firtoz/router-toolkit",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Type-safe React Router 7 framework mode helpers with enhanced fetching, form submission, and state management",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -51,8 +51,8 @@
   "peerDependencies": {
     "@firtoz/maybe-error": "^1.2.3",
     "react": "^19.1.1",
-    "react-router": "^7.8.0",
-    "zod": "^4.0.15"
+    "react-router": "^7.9.1",
+    "zod": "^4.1.8"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -61,6 +61,6 @@
     "access": "public"
   },
   "dependencies": {
-    "zod-form-data": "^3.0.0"
+    "zod-form-data": "^3.0.1"
   }
 }

package/src/formAction.ts

@@ -6,7 +6,7 @@
  *
  * @example
  * ```typescript
- * import { z } from "zod/v4";
+ * import { z } from "zod";
  * import { formAction } from "@firtoz/router-toolkit";
  * import { success } from "@firtoz/maybe-error";
  *
@@ -28,7 +28,7 @@
 
 import { fail, type MaybeError } from "@firtoz/maybe-error";
 import type { ActionFunctionArgs } from "react-router";
-import { z } from "zod/v4";
+import { z } from "zod";
 import { zfd } from "zod-form-data";
 
 /**
@@ -97,7 +97,7 @@ export interface FormActionConfig<
  *
  * @example
  * ```typescript
- * import { z } from "zod/v4";
+ * import { z } from "zod";
  * import { formAction } from "@firtoz/router-toolkit";
  * import { success, fail } from "@firtoz/maybe-error";
  *

package/src/useDynamicSubmitter.tsx

@@ -1,4 +1,5 @@
-import { useCallback, useMemo } from "react";
+// biome-ignore lint/style/useImportType: We need to import React here.
+import React, { useCallback, useMemo } from "react";
 import {
 	type FetcherFormProps,
 	href,
@@ -6,7 +7,7 @@ import {
 	type SubmitTarget,
 	useFetcher,
 } from "react-router";
-import type { z } from "zod/v4";
+import type { z } from "zod";
 import type { Func } from "./types/Func";
 import type { HrefArgs } from "./types/HrefArgs";
 import type { RegisterPages } from "./types/RegisterPages";