@renown/sdk 5.1.0-dev.4 → 5.1.0-dev.40

package/dist/src/components/RenownAuthButton.d.ts

@@ -10,11 +10,6 @@ export interface RenownAuthButtonProps {
      * Custom class name for the container
      */
     className?: string;
-    /**
-     * Base URL for the profile page
-     * @default "https://www.renown.id/profile"
-     */
-    profileBaseUrl?: string;
     /**
      * Custom render function when user is authenticated
      * Receives user data, logout function, and openProfile function
@@ -32,25 +27,10 @@ export interface RenownAuthButtonProps {
      * Custom render function for loading state
      */
     renderLoading?: () => React.ReactNode;
-    /**
-     * Show username next to avatar
-     * @default true
-     */
-    showUsername?: boolean;
-    /**
-     * Show logout button
-     * @default false
-     */
-    showLogoutButton?: boolean;
-    /**
-     * Custom logout button text
-     * @default "Logout"
-     */
-    logoutButtonText?: string;
 }
 /**
- * Smart authentication button that adapts based on auth state
- * Shows login button when not authenticated, and user info when authenticated
+ * Smart authentication button that adapts based on auth state.
+ * Shows RenownLoginButton when not authenticated, and RenownUserButton when authenticated.
  *
  * @example
  * Basic usage:
@@ -77,16 +57,6 @@ export interface RenownAuthButtonProps {
  *   )}
  * />
  * ```
- *
- * @example
- * With logout button:
- * ```tsx
- * <RenownAuthButton
- *   showLogoutButton
- *   logoutButtonText="Sign Out"
- *   profileBaseUrl="https://myapp.com/profile"
- * />
- * ```
  */
-export declare function RenownAuthButton({ className, profileBaseUrl, renderAuthenticated, renderUnauthenticated, renderLoading, showUsername, showLogoutButton, logoutButtonText, }: RenownAuthButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function RenownAuthButton({ className, renderAuthenticated, renderUnauthenticated, renderLoading, }: RenownAuthButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RenownAuthButton.d.ts.map

package/dist/src/components/RenownAuthButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenownAuthButton.d.ts","sourceRoot":"","sources":["../../../src/components/RenownAuthButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAc,EACd,cAAgD,EAChD,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,EACb,YAAmB,EACnB,gBAAwB,EACxB,gBAA2B,GAC5B,EAAE,qBAAqB,2CAmJvB"}
+{"version":3,"file":"RenownAuthButton.d.ts","sourceRoot":"","sources":["../../../src/components/RenownAuthButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAKnD,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,GACd,EAAE,qBAAqB,2CAyFvB"}

package/dist/src/components/RenownAuthButton.js

@@ -2,9 +2,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useUser } from "../hooks/use-user.js";
+import { openRenown as openRenownUtil } from "../lib/renown/utils.js";
+import { RenownLoginButton } from "./RenownLoginButton.js";
+import { RenownUserButton } from "./RenownUserButton.js";
 /**
- * Smart authentication button that adapts based on auth state
- * Shows login button when not authenticated, and user info when authenticated
+ * Smart authentication button that adapts based on auth state.
+ * Shows RenownLoginButton when not authenticated, and RenownUserButton when authenticated.
  *
  * @example
  * Basic usage:
@@ -31,92 +34,49 @@ import { useUser } from "../hooks/use-user.js";
  *   )}
  * />
  * ```
- *
- * @example
- * With logout button:
- * ```tsx
- * <RenownAuthButton
- *   showLogoutButton
- *   logoutButtonText="Sign Out"
- *   profileBaseUrl="https://myapp.com/profile"
- * />
- * ```
  */
-export function RenownAuthButton({ className = "", profileBaseUrl = "https://www.renown.id/profile", renderAuthenticated, renderUnauthenticated, renderLoading, showUsername = true, showLogoutButton = false, logoutButtonText = "Logout", }) {
+export function RenownAuthButton({ className = "", renderAuthenticated, renderUnauthenticated, renderLoading, }) {
     const { user, loginStatus, isLoading, openRenown, logout } = useUser();
     const openProfile = () => {
         if (!user)
             return;
-        const identifier = user.ethAddress || user.address || user.name;
-        if (identifier) {
-            window.open(`${profileBaseUrl}/${identifier}`, "_blank");
-        }
+        openRenownUtil(user.documentId);
     };
     // Loading state
     if (isLoading && loginStatus === "initial") {
         if (renderLoading) {
             return _jsx("div", { className: className, children: renderLoading() });
         }
-        return (_jsxs("div", { className: className, style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx("div", { style: {
-                        width: "1rem",
-                        height: "1rem",
-                        border: "2px solid #e5e7eb",
-                        borderTopColor: "#6366f1",
+        return (_jsxs("div", { className: className, children: [_jsx("div", { style: {
+                        width: "40px",
+                        height: "40px",
                         borderRadius: "50%",
-                        animation: "spin 1s linear infinite",
-                    } }), _jsx("span", { style: { fontSize: "0.875rem" }, children: "Loading..." })] }));
+                        backgroundColor: "#e5e7eb",
+                        animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+                    } }), _jsx("style", { children: `@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }` })] }));
     }
     // Authenticated state
     if (loginStatus === "authorized" && user) {
         if (renderAuthenticated) {
             return (_jsx("div", { className: className, children: renderAuthenticated({ user, logout, openProfile }) }));
         }
-        // Default authenticated rendering
-        return (_jsxs("div", { className: className, style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [_jsxs("div", { onClick: openProfile, style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "0.5rem",
+        const address = (user.ethAddress || user.address);
+        if (!address) {
+            // Fallback if no address available
+            return (_jsx("div", { className: className, children: _jsxs("button", { onClick: logout, style: {
+                        fontSize: "14px",
+                        color: "#4b5563",
+                        background: "none",
+                        border: "none",
                         cursor: "pointer",
-                    }, children: [user.avatar ? (_jsx("img", { src: user.avatar, alt: user.name || "User", style: {
-                                width: "2rem",
-                                height: "2rem",
-                                borderRadius: "50%",
-                                objectFit: "cover",
-                            } })) : (_jsx("div", { style: {
-                                width: "2rem",
-                                height: "2rem",
-                                borderRadius: "50%",
-                                backgroundColor: "#6366f1",
-                                color: "white",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                fontWeight: "bold",
-                                fontSize: "0.75rem",
-                            }, children: (user.name || user.did).substring(0, 2).toUpperCase() })), showUsername && (_jsx("span", { style: { fontSize: "0.875rem", fontWeight: "500" }, children: user.name || user.did.slice(0, 15) + "..." }))] }), showLogoutButton && (_jsx("button", { onClick: logout, style: {
-                        padding: "0.25rem 0.75rem",
-                        border: "1px solid #d1d5db",
-                        borderRadius: "0.375rem",
-                        backgroundColor: "white",
-                        cursor: "pointer",
-                        fontSize: "0.75rem",
-                        fontWeight: "500",
-                    }, children: logoutButtonText }))] }));
+                    }, children: [user.name || "Connected", " (Logout)"] }) }));
+        }
+        return (_jsx("div", { className: className, children: _jsx(RenownUserButton, { address: address, username: user.name, userId: user.documentId, avatarUrl: user.avatar, onDisconnect: logout }) }));
     }
     // Unauthenticated state
     if (renderUnauthenticated) {
         return (_jsx("div", { className: className, children: renderUnauthenticated({ openRenown, isLoading }) }));
     }
-    // Default unauthenticated rendering
-    return (_jsx("button", { onClick: openRenown, disabled: isLoading, className: className, style: {
-            padding: "0.5rem 1rem",
-            border: "1px solid #d1d5db",
-            borderRadius: "0.375rem",
-            backgroundColor: "white",
-            cursor: isLoading ? "not-allowed" : "pointer",
-            fontSize: "0.875rem",
-            fontWeight: "500",
-            opacity: isLoading ? 0.6 : 1,
-        }, children: isLoading ? "Loading..." : "Login with Renown" }));
+    return (_jsx("div", { className: className, children: _jsx(RenownLoginButton, { onLogin: openRenown }) }));
 }
 //# sourceMappingURL=RenownAuthButton.js.map

package/dist/src/components/RenownAuthButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenownAuthButton.js","sourceRoot":"","sources":["../../../src/components/RenownAuthButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RenownAuthButton.js","sourceRoot":"","sources":["../../../src/components/RenownAuthButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgCzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,GAAG,EAAE,EACd,mBAAmB,EACnB,qBAAqB,EACrB,aAAa,GACS;IACtB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IAEvE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,gBAAgB;IAChB,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC3C,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,aAAa,EAAE,GAAO,CAAC;QAC5D,CAAC;QAED,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,SAAS,EAAE,gDAAgD;qBAC5D,GACD,EACF,0BAAQ,qEAAqE,GAAS,IAClF,CACP,CAAC;IACJ,CAAC;IAED,sBAAsB;IACtB,IAAI,WAAW,KAAK,YAAY,IAAI,IAAI,EAAE,CAAC;QACzC,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACtB,mBAAmB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,GAC/C,CACP,CAAC;QACJ,CAAC;QAED,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,CAAuB,CAAC;QAExE,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,mCAAmC;YACnC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,kBACE,OAAO,EAAE,MAAM,EACf,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,SAAS;wBAChB,UAAU,EAAE,MAAM;wBAClB,MAAM,EAAE,MAAM;wBACd,MAAM,EAAE,SAAS;qBAClB,aAEA,IAAI,CAAC,IAAI,IAAI,WAAW,iBAClB,GACL,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,YAAY,EAAE,MAAM,GACpB,GACE,CACP,CAAC;IACJ,CAAC;IAED,wBAAwB;IACxB,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACtB,qBAAqB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,GAC7C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAAC,OAAO,EAAE,UAAU,GAAI,GACtC,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/RenownLoginButton.d.ts

@@ -0,0 +1,48 @@
+import type { CSSProperties, ReactNode } from "react";
+export interface RenownLoginButtonProps {
+    /**
+     * Callback when login is requested
+     */
+    onLogin: (() => void) | undefined;
+    /**
+     * Enable dark mode styling
+     */
+    darkMode?: boolean;
+    /**
+     * Custom styles for the button
+     */
+    style?: CSSProperties;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom render function for the trigger button
+     */
+    renderTrigger?: (props: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        isLoading: boolean;
+    }) => ReactNode;
+    /**
+     * Show a popover with connect option instead of triggering login directly
+     */
+    showPopover?: boolean;
+}
+/**
+ * A login button with Renown branding that shows a popover with connect option.
+ *
+ * @example
+ * ```tsx
+ * import { RenownLoginButton } from '@renown/sdk'
+ *
+ * function LoginArea() {
+ *   const handleLogin = () => {
+ *     // Your login logic
+ *   }
+ *   return <RenownLoginButton onLogin={handleLogin} />
+ * }
+ * ```
+ */
+export declare function RenownLoginButton({ onLogin, darkMode, style, className, renderTrigger, showPopover, }: RenownLoginButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenownLoginButton.d.ts.map

package/dist/src/components/RenownLoginButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenownLoginButton.d.ts","sourceRoot":"","sources":["../../../src/components/RenownLoginButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,SAAS,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA+ED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,aAAa,EACb,WAAmB,GACpB,EAAE,sBAAsB,2CA2IxB"}

package/dist/src/components/RenownLoginButton.js

@@ -0,0 +1,175 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { RenownLogo, SpinnerIcon } from "./icons.js";
+import { renownShortDataUrl, renownShortHoverDataUrl } from "./image-data.js";
+const POPOVER_GAP = 8;
+const POPOVER_HEIGHT = 120; // approximate height of popover
+const styles = {
+    trigger: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 0,
+        border: "none",
+        background: "transparent",
+        cursor: "pointer",
+    },
+    popoverBase: {
+        position: "absolute",
+        left: 0,
+        borderRadius: "8px",
+        width: "208px",
+        zIndex: 1000,
+    },
+    popoverLight: {
+        backgroundColor: "white",
+        boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    },
+    popoverDark: {
+        backgroundColor: "#1f2937",
+        boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2)",
+    },
+    popoverContent: {
+        padding: "16px",
+    },
+    logoContainer: {
+        display: "flex",
+        justifyContent: "center",
+        height: "22px",
+        width: "83px",
+        margin: "0 auto 16px",
+        overflow: "hidden",
+    },
+    connectButtonBase: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "28px",
+        borderRadius: "8px",
+        backgroundColor: "transparent",
+        fontSize: "14px",
+        cursor: "pointer",
+        marginTop: "16px",
+    },
+    connectButtonLight: {
+        border: "1px solid #d1d5db",
+        color: "#111827",
+    },
+    connectButtonDark: {
+        border: "1px solid #4b5563",
+        color: "#f9fafb",
+    },
+    connectButtonActive: {
+        opacity: 0.7,
+    },
+    wrapper: {
+        position: "relative",
+        display: "inline-block",
+    },
+    triggerImageLight: {
+        display: "block",
+    },
+    triggerImageDark: {
+        display: "block",
+        filter: "invert(1)",
+    },
+};
+/**
+ * A login button with Renown branding that shows a popover with connect option.
+ *
+ * @example
+ * ```tsx
+ * import { RenownLoginButton } from '@renown/sdk'
+ *
+ * function LoginArea() {
+ *   const handleLogin = () => {
+ *     // Your login logic
+ *   }
+ *   return <RenownLoginButton onLogin={handleLogin} />
+ * }
+ * ```
+ */
+export function RenownLoginButton({ onLogin, darkMode = false, style, className, renderTrigger, showPopover = false, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const [showAbove, setShowAbove] = useState(true);
+    const popoverRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const closeTimeoutRef = useRef(null);
+    const calculatePosition = useCallback(() => {
+        if (!wrapperRef.current)
+            return;
+        const rect = wrapperRef.current.getBoundingClientRect();
+        const spaceAbove = rect.top;
+        const hasSpaceAbove = spaceAbove >= POPOVER_HEIGHT + POPOVER_GAP;
+        setShowAbove(hasSpaceAbove);
+    }, []);
+    const handleMouseEnter = useCallback(() => {
+        setIsHovered(true);
+        if (!showPopover) {
+            return;
+        }
+        if (closeTimeoutRef.current) {
+            clearTimeout(closeTimeoutRef.current);
+            closeTimeoutRef.current = null;
+        }
+        calculatePosition();
+        setIsOpen(true);
+    }, [calculatePosition, showPopover]);
+    const handleMouseLeave = useCallback(() => {
+        closeTimeoutRef.current = setTimeout(() => {
+            setIsOpen(false);
+            setIsHovered(false);
+        }, 150);
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (closeTimeoutRef.current) {
+                clearTimeout(closeTimeoutRef.current);
+            }
+        };
+    }, []);
+    const handleConnect = () => {
+        if (onLogin) {
+            setIsLoading(true);
+            onLogin();
+        }
+    };
+    const handleDirectClick = () => {
+        if (!showPopover && onLogin && !isLoading) {
+            setIsLoading(true);
+            onLogin();
+        }
+    };
+    const triggerStyle = {
+        ...styles.trigger,
+        cursor: onLogin ? "pointer" : "wait",
+        ...style,
+    };
+    const allowLogin = !isLoading && !!onLogin;
+    const connectButtonStyle = {
+        ...styles.connectButtonBase,
+        ...(darkMode ? styles.connectButtonDark : styles.connectButtonLight),
+        cursor: allowLogin ? "pointer" : "wait",
+    };
+    const popoverStyle = {
+        ...styles.popoverBase,
+        ...(darkMode ? styles.popoverDark : styles.popoverLight),
+        ...(showAbove
+            ? { bottom: `calc(100% + ${POPOVER_GAP}px)` }
+            : { top: `calc(100% + ${POPOVER_GAP}px)` }),
+    };
+    const triggerImageStyle = darkMode
+        ? styles.triggerImageDark
+        : styles.triggerImageLight;
+    const logoColor = darkMode ? "#f9fafb" : "#374151";
+    return (_jsxs("div", { ref: wrapperRef, style: styles.wrapper, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [renderTrigger ? (renderTrigger({
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                isLoading,
+            })) : (_jsx("button", { type: "button", style: triggerStyle, "aria-label": showPopover ? "Open Renown Login" : "Login with Renown", onClick: showPopover ? undefined : handleDirectClick, children: isLoading ? (_jsx(SpinnerIcon, { size: 42 })) : (_jsx("img", { width: 42, height: 42, src: isHovered ? renownShortHoverDataUrl : renownShortDataUrl, alt: "Renown Login", style: triggerImageStyle })) })), isOpen && showPopover && (_jsx("div", { ref: popoverRef, style: popoverStyle, children: _jsxs("div", { style: styles.popoverContent, children: [_jsx("div", { style: styles.logoContainer, children: _jsx(RenownLogo, { width: 83, height: 22, color: logoColor }) }), _jsx("button", { type: "button", onClick: allowLogin ? handleConnect : undefined, style: connectButtonStyle, children: isLoading ? _jsx(SpinnerIcon, { size: 14 }) : "Connect" })] }) }))] }));
+}
+//# sourceMappingURL=RenownLoginButton.js.map

package/dist/src/components/RenownLoginButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenownLoginButton.js","sourceRoot":"","sources":["../../../src/components/RenownLoginButton.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/RenownUserButton.d.ts

@@ -0,0 +1,66 @@
+import type { CSSProperties, ReactNode } from "react";
+export interface RenownUserButtonProps {
+    /**
+     * The user's wallet address
+     */
+    address: string;
+    /**
+     * Optional ENS name or username to display
+     */
+    username?: string;
+    /**
+     * Optional avatar URL
+     */
+    avatarUrl?: string;
+    /**
+     * User ID to view the profile on Renown
+     */
+    userId?: string;
+    /**
+     * Callback when disconnect is requested
+     */
+    onDisconnect: (() => void) | undefined;
+    /**
+     * Custom styles for the button
+     */
+    style?: CSSProperties;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom render function for the trigger button
+     */
+    renderTrigger?: (props: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        address: string;
+        username?: string;
+        avatarUrl?: string;
+    }) => ReactNode;
+}
+/**
+ * A user button that shows account info in a popover with options to copy address,
+ * view profile, and disconnect.
+ *
+ * @example
+ * ```tsx
+ * import { RenownUserButton } from '@renown/sdk'
+ *
+ * function UserArea() {
+ *   const handleDisconnect = () => {
+ *     // Your disconnect logic
+ *   }
+ *   return (
+ *     <RenownUserButton
+ *       address="0x1234...5678"
+ *       username="vitalik.eth"
+ *       userId="abc123"
+ *       onDisconnect={handleDisconnect}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function RenownUserButton({ address, username, avatarUrl, userId, onDisconnect, style, className, renderTrigger, }: RenownUserButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenownUserButton.d.ts.map

package/dist/src/components/RenownUserButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenownUserButton.d.ts","sourceRoot":"","sources":["../../../src/components/RenownUserButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAatD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,SAAS,CAAC;CACjB;AAyHD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,KAAK,EACL,SAAS,EACT,aAAa,GACd,EAAE,qBAAqB,2CAuJvB"}