@insforge/react 1.0.9-dev.2 → 1.1.0

package/dist/index.js

@@ -18,6 +18,7 @@ import { jsx, jsxs, 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;
@@ -5493,7 +5494,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, {}) })
@@ -5535,6 +5536,7 @@ function UserProfileModal({ onClose, onError }) {
       ] })
     ] }) : /* @__PURE__ */ jsx(ProfileButton, { $primary: true, onClick: () => setIsEditing(true), children: "Edit Profile" }) })
   ] }) });
+  return createPortal(modalContent, document.body);
 }
 function UserButton({
   afterSignOutUrl = "/",