@insforge/react 0.4.11 → 0.5.0

package/dist/forms.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { AlertTriangle, EyeOff, Eye, Loader2, CircleCheck, Check } from 'lucide-react';
 import { createContext, useState, useEffect, useMemo, useCallback, useContext, useRef } from 'react';
-import { useSearchParams } from 'react-router-dom';
 import '@insforge/sdk';
 
+// src/components/atoms/AuthBranding.tsx
 function AuthBranding() {
   return /* @__PURE__ */ jsxs("div", { className: "if-authBranding if-internal-ab4k9w", children: [
     /* @__PURE__ */ jsx("p", { className: "if-authBranding-text", children: "Secured by" }),
@@ -101,6 +101,20 @@ function AuthFormField({ label, id, ...props }) {
     /* @__PURE__ */ jsx("input", { id, className: "if-formField-input if-internal-i2v8k4", ...props })
   ] });
 }
+var NavigationContext = createContext(null);
+function useNavigationAdapter() {
+  const adapter = useContext(NavigationContext);
+  if (!adapter) {
+    throw new Error("useNavigationAdapter must be used within NavigationProvider");
+  }
+  return adapter;
+}
+
+// src/navigation/useSearchParams.ts
+function useSearchParams() {
+  const adapter = useNavigationAdapter();
+  return adapter.useSearchParams();
+}
 function AuthPasswordStrengthIndicator({
   password,
   config
@@ -194,7 +208,8 @@ function AuthPasswordField({
   onFocus,
   ...props
 }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const [showPassword, setShowPassword] = useState(false);
   const [showStrength, setShowStrength] = useState(false);
   const resolvedForgotPasswordHref = useMemo(
@@ -210,7 +225,7 @@ function AuthPasswordField({
   return /* @__PURE__ */ jsxs("div", { className: "if-passwordField if-internal-p5w9m7", children: [
     (label || forgotPasswordLink) && /* @__PURE__ */ jsxs("div", { className: "if-passwordField-labelRow", children: [
       /* @__PURE__ */ jsx("label", { htmlFor: id, className: "if-passwordField-label", children: label }),
-      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx("a", { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
+      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx(Link, { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "if-passwordField-inputWrapper", children: [
       /* @__PURE__ */ jsx(
@@ -262,12 +277,13 @@ function AuthSubmitButton({
   );
 }
 function AuthLink({ text, linkText, href }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const finalHref = resolveAuthUrl(href, searchParams);
   return /* @__PURE__ */ jsxs("p", { className: "if-authLink if-internal-al5w9p", children: [
     text && /* @__PURE__ */ jsx("span", { className: "if-authLink-text", children: text }),
     text && " ",
-    /* @__PURE__ */ jsx("a", { href: finalHref, className: "if-authLink-link", children: linkText })
+    /* @__PURE__ */ jsx(Link, { href: finalHref, className: "if-authLink-link", children: linkText })
   ] });
 }
 function AuthDivider({ text = "or" }) {