@insforge/react 1.0.9-dev.2 → 1.0.9-dev.3

package/dist/components.d.cts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VerifyEmailResponse } from '@insforge/shared-schemas';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { InsforgeUser } from '@insforge/shared';
 export { ForgotPasswordForm, ForgotPasswordFormProps, ResetPasswordForm, ResetPasswordFormProps, SignInForm, SignInFormProps, SignUpForm, SignUpFormProps, VerifyEmailStatus, VerifyEmailStatusProps } from './forms.cjs';
@@ -184,7 +185,7 @@ interface UserProfileModalProps {
  * User profile modal component.
  * Displays user profile information with edit capability for name.
  */
-declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react_jsx_runtime.JSX.Element | null;
+declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react.ReactPortal | null;
 
 interface ProtectProps {
     children: ReactNode;

package/dist/components.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VerifyEmailResponse } from '@insforge/shared-schemas';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { InsforgeUser } from '@insforge/shared';
 export { ForgotPasswordForm, ForgotPasswordFormProps, ResetPasswordForm, ResetPasswordFormProps, SignInForm, SignInFormProps, SignUpForm, SignUpFormProps, VerifyEmailStatus, VerifyEmailStatusProps } from './forms.js';
@@ -184,7 +185,7 @@ interface UserProfileModalProps {
  * User profile modal component.
  * Displays user profile information with edit capability for name.
  */
-declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react_jsx_runtime.JSX.Element | null;
+declare function UserProfileModal({ onClose, onError }: UserProfileModalProps): react.ReactPortal | null;
 
 interface ProtectProps {
     children: ReactNode;

package/dist/components.js

@@ -4,6 +4,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { InsforgeContext } from '@insforge/shared/react';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, X, User, LogOut } from 'lucide-react';
 import { z } from 'zod';
+import { createPortal } from 'react-dom';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -4950,7 +4951,7 @@ function UserProfileModal({ onClose, onError }) {
     return null;
   }
   const initials = user.profile?.name ? user.profile.name.charAt(0).toUpperCase() : user.email.split("@")[0].slice(0, 2).toUpperCase();
-  return /* @__PURE__ */ jsx(ProfileModalOverlay, { onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs(ProfileModalContainer, { onClick: (e) => e.stopPropagation(), children: [
+  const modalContent = /* @__PURE__ */ jsx(ProfileModalOverlay, { onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs(ProfileModalContainer, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs(ProfileModalHeader, { children: [
       /* @__PURE__ */ jsx(ProfileModalTitle, { children: "Profile" }),
       /* @__PURE__ */ jsx(ProfileModalCloseButton, { onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
@@ -4992,6 +4993,7 @@ function UserProfileModal({ onClose, onError }) {
       ] })
     ] }) : /* @__PURE__ */ jsx(ProfileButton, { $primary: true, onClick: () => setIsEditing(true), children: "Edit Profile" }) })
   ] }) });
+  return createPortal(modalContent, document.body);
 }
 function UserButton({
   afterSignOutUrl = "/",