@insforge/react 0.4.11 → 0.5.0

package/dist/forms.cjs

@@ -3,9 +3,9 @@
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var react = require('react');
-var reactRouterDom = require('react-router-dom');
 require('@insforge/sdk');
 
+// src/components/atoms/AuthBranding.tsx
 function AuthBranding() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-authBranding if-internal-ab4k9w", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "if-authBranding-text", children: "Secured by" }),
@@ -103,6 +103,20 @@ function AuthFormField({ label, id, ...props }) {
     /* @__PURE__ */ jsxRuntime.jsx("input", { id, className: "if-formField-input if-internal-i2v8k4", ...props })
   ] });
 }
+var NavigationContext = react.createContext(null);
+function useNavigationAdapter() {
+  const adapter = react.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
@@ -196,7 +210,8 @@ function AuthPasswordField({
   onFocus,
   ...props
 }) {
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const [showPassword, setShowPassword] = react.useState(false);
   const [showStrength, setShowStrength] = react.useState(false);
   const resolvedForgotPasswordHref = react.useMemo(
@@ -212,7 +227,7 @@ function AuthPasswordField({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-passwordField if-internal-p5w9m7", children: [
     (label || forgotPasswordLink) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-passwordField-labelRow", children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "if-passwordField-label", children: label }),
-      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsxRuntime.jsx("a", { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
+      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsxRuntime.jsx(Link, { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-passwordField-inputWrapper", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -264,12 +279,13 @@ function AuthSubmitButton({
   );
 }
 function AuthLink({ text, linkText, href }) {
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const finalHref = resolveAuthUrl(href, searchParams);
   return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "if-authLink if-internal-al5w9p", children: [
     text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "if-authLink-text", children: text }),
     text && " ",
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: finalHref, className: "if-authLink-link", children: linkText })
+    /* @__PURE__ */ jsxRuntime.jsx(Link, { href: finalHref, className: "if-authLink-link", children: linkText })
   ] });
 }
 function AuthDivider({ text = "or" }) {