@powerhousedao/reactor-browser 6.0.0-dev.23 → 6.0.0-dev.231

package/dist/renown-CV_45Xc1.js

@@ -0,0 +1,1014 @@
+import { t as makePHEventFunctions } from "./make-ph-event-functions-Cr4GqOTT.js";
+import { logger } from "document-model";
+import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BrowserKeyStorage, RenownBuilder, RenownCryptoBuilder } from "@renown/sdk";
+//#region src/hooks/loading.ts
+const { useValue: useLoading, setValue: setLoading, addEventHandler: addLoadingEventHandler } = makePHEventFunctions("loading");
+const loading = null;
+//#endregion
+//#region src/hooks/renown.ts
+const renownEventFunctions = makePHEventFunctions("renown");
+/** Adds an event handler for the renown instance */
+const addRenownEventHandler = renownEventFunctions.addEventHandler;
+/** Returns the renown instance */
+const useRenown = renownEventFunctions.useValue;
+/** Sets the renown instance */
+const setRenown = renownEventFunctions.setValue;
+/** Returns the DID from the renown instance */
+function useDid() {
+	return useRenown()?.did;
+}
+/** Returns the current user from the renown instance, subscribing to user events */
+function useUser() {
+	const renown = useRenown();
+	const [user, setUser] = useState(renown?.user);
+	useEffect(() => {
+		setUser(renown?.user);
+		if (!renown) return;
+		return renown.on("user", setUser);
+	}, [renown]);
+	return user;
+}
+/** Returns the login status, subscribing to renown status events */
+function useLoginStatus() {
+	const renown = useRenown();
+	return useSyncExternalStore((cb) => {
+		if (!renown) return () => {};
+		return renown.on("status", cb);
+	}, () => renown === null ? "loading" : renown?.status, () => void 0);
+}
+//#endregion
+//#region src/renown/constants.ts
+const RENOWN_URL = "https://www.renown.id";
+const RENOWN_NETWORK_ID = "eip155";
+const RENOWN_CHAIN_ID = "1";
+const DOMAIN_TYPE = [
+	{
+		name: "name",
+		type: "string"
+	},
+	{
+		name: "version",
+		type: "string"
+	},
+	{
+		name: "chainId",
+		type: "uint256"
+	},
+	{
+		name: "verifyingContract",
+		type: "address"
+	}
+];
+const VERIFIABLE_CREDENTIAL_EIP712_TYPE = [
+	{
+		name: "@context",
+		type: "string[]"
+	},
+	{
+		name: "type",
+		type: "string[]"
+	},
+	{
+		name: "id",
+		type: "string"
+	},
+	{
+		name: "issuer",
+		type: "Issuer"
+	},
+	{
+		name: "credentialSubject",
+		type: "CredentialSubject"
+	},
+	{
+		name: "credentialSchema",
+		type: "CredentialSchema"
+	},
+	{
+		name: "issuanceDate",
+		type: "string"
+	},
+	{
+		name: "expirationDate",
+		type: "string"
+	}
+];
+const CREDENTIAL_SCHEMA_EIP712_TYPE = [{
+	name: "id",
+	type: "string"
+}, {
+	name: "type",
+	type: "string"
+}];
+const CREDENTIAL_SUBJECT_TYPE = [
+	{
+		name: "app",
+		type: "string"
+	},
+	{
+		name: "id",
+		type: "string"
+	},
+	{
+		name: "name",
+		type: "string"
+	}
+];
+const ISSUER_TYPE = [{
+	name: "id",
+	type: "string"
+}, {
+	name: "ethereumAddress",
+	type: "string"
+}];
+const CREDENTIAL_TYPES = {
+	EIP712Domain: DOMAIN_TYPE,
+	VerifiableCredential: VERIFIABLE_CREDENTIAL_EIP712_TYPE,
+	CredentialSchema: CREDENTIAL_SCHEMA_EIP712_TYPE,
+	CredentialSubject: CREDENTIAL_SUBJECT_TYPE,
+	Issuer: ISSUER_TYPE
+};
+//#endregion
+//#region src/renown/utils.ts
+function openRenown(documentId) {
+	const renown = window.ph?.renown;
+	let renownUrl = renown?.baseUrl;
+	if (!renownUrl) {
+		logger.warn("Renown instance not found, falling back to: ", RENOWN_URL);
+		renownUrl = RENOWN_URL;
+	}
+	if (documentId) {
+		window.open(`${renownUrl}/profile/${documentId}`, "_blank")?.focus();
+		return;
+	}
+	const url = new URL(renownUrl);
+	url.searchParams.set("app", renown?.did ?? "");
+	url.searchParams.set("connect", renown?.did ?? "");
+	url.searchParams.set("network", RENOWN_NETWORK_ID);
+	url.searchParams.set("chain", "1");
+	const returnUrl = new URL(window.location.pathname, window.location.origin);
+	url.searchParams.set("returnUrl", returnUrl.toJSON());
+	window.open(url, "_self")?.focus();
+}
+/**
+* Reads the `?user=` DID from the URL if present.
+* Returns the DID and cleans up the URL parameter.
+*/
+function consumeDidFromUrl() {
+	if (typeof window === "undefined") return;
+	const userParam = new URLSearchParams(window.location.search).get("user");
+	if (!userParam) return;
+	const userDid = decodeURIComponent(userParam);
+	const cleanUrl = new URL(window.location.href);
+	cleanUrl.searchParams.delete("user");
+	window.history.replaceState({}, "", cleanUrl.toString());
+	return userDid;
+}
+/**
+* Log in the user. Resolves the user DID from (in order):
+* 1. Explicit `userDid` argument
+* 2. `?user=` URL parameter (from Renown portal redirect)
+* 3. Previously stored session in the Renown instance
+*/
+async function login(userDid, renown) {
+	if (!renown) return;
+	const did = userDid ?? consumeDidFromUrl();
+	try {
+		const user = renown.user;
+		if (user?.did && (user.did === did || !did)) return user;
+		if (!did) return;
+		return await renown.login(did);
+	} catch (error) {
+		logger.error(error instanceof Error ? error.message : JSON.stringify(error));
+	}
+}
+async function logout() {
+	await (window.ph?.renown)?.logout();
+	const url = new URL(window.location.href);
+	if (url.searchParams.has("user")) {
+		url.searchParams.delete("user");
+		window.history.replaceState(null, "", url.toString());
+	}
+}
+//#endregion
+//#region src/renown/use-renown-auth.ts
+function truncateAddress$1(address) {
+	if (address.length <= 13) return address;
+	return `${address.slice(0, 7)}...${address.slice(-5)}`;
+}
+function toRenownAuthStatus(loginStatus, user) {
+	if (loginStatus === "authorized") return user ? "authorized" : "checking";
+	return loginStatus;
+}
+function useRenownAuth() {
+	const user = useUser();
+	const status = toRenownAuthStatus(useLoginStatus(), user);
+	const address = user?.address;
+	const ensName = user?.ens?.name;
+	const avatarUrl = user?.profile?.userImage ?? user?.ens?.avatarUrl;
+	const profileId = user?.profile?.documentId;
+	return {
+		status,
+		user,
+		address,
+		ensName,
+		avatarUrl,
+		profileId,
+		displayName: ensName ?? user?.profile?.username ?? void 0,
+		displayAddress: address ? truncateAddress$1(address) : void 0,
+		login: useCallback(() => {
+			openRenown();
+		}, []),
+		logout: useCallback(async () => {
+			await logout();
+		}, []),
+		openProfile: useCallback(() => {
+			if (profileId) openRenown(profileId);
+		}, [profileId])
+	};
+}
+//#endregion
+//#region src/renown/components/icons.tsx
+function RenownLogo({ width = 71, height = 19, hovered = false, color = "currentColor", className }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width,
+		height,
+		viewBox: "0 0 71 19",
+		fill: color,
+		xmlns: "http://www.w3.org/2000/svg",
+		className,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M53.6211 18.4887V9.0342H56.435V10.8096H56.4923C56.7377 10.181 57.1085 9.70244 57.6047 9.37398C58.101 9.03986 58.6981 8.8728 59.3962 8.8728C60.4105 8.8728 61.2039 9.1871 61.7765 9.8157C62.3546 10.4443 62.6436 11.3164 62.6436 12.432V18.4887H59.7397V13.0776C59.7397 12.5283 59.6007 12.1007 59.3225 11.7949C59.0499 11.4835 58.6654 11.3277 58.1692 11.3277C57.6784 11.3277 57.2803 11.4976 56.9749 11.8374C56.6695 12.1772 56.5168 12.6161 56.5168 13.1541V18.4887H53.6211Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M53.097 9.03394L50.7412 18.4884H47.6164L46.1522 12.075H46.0949L44.6389 18.4884H41.5632L39.1992 9.03394H42.1195L43.3056 15.7532H43.3628L44.7861 9.03394H47.551L48.9906 15.7532H49.0479L50.234 9.03394H53.097Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M37.8661 17.3926C37.0427 18.2591 35.9084 18.6923 34.4632 18.6923C33.0181 18.6923 31.8838 18.2591 31.0604 17.3926C30.2369 16.5205 29.8252 15.3086 29.8252 13.7569C29.8252 12.2336 30.2424 11.033 31.0767 10.1552C31.9111 9.2718 33.0399 8.83008 34.4632 8.83008C35.892 8.83008 37.0208 9.26896 37.8497 10.1467C38.6841 11.0188 39.1013 12.2222 39.1013 13.7569C39.1013 15.3143 38.6896 16.5262 37.8661 17.3926ZM33.2117 15.7702C33.5116 16.2402 33.9288 16.4752 34.4632 16.4752C34.9977 16.4752 35.4148 16.2402 35.7148 15.7702C36.0147 15.2945 36.1647 14.6234 36.1647 13.7569C36.1647 12.9131 36.012 12.2506 35.7066 11.7692C35.4012 11.2878 34.9868 11.0472 34.4632 11.0472C33.9343 11.0472 33.5171 11.2878 33.2117 11.7692C32.9118 12.2449 32.7618 12.9075 32.7618 13.7569C32.7618 14.6234 32.9118 15.2945 33.2117 15.7702Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M20.0088 18.4887V9.0342H22.8227V10.8096H22.88C23.1254 10.181 23.4962 9.70244 23.9924 9.37398C24.4887 9.03986 25.0858 8.8728 25.7838 8.8728C26.7982 8.8728 27.5916 9.1871 28.1642 9.8157C28.7423 10.4443 29.0313 11.3164 29.0313 12.432V18.4887H26.1274V13.0776C26.1274 12.5283 25.9883 12.1007 25.7102 11.7949C25.4376 11.4835 25.0531 11.3277 24.5569 11.3277C24.0661 11.3277 23.668 11.4976 23.3626 11.8374C23.0572 12.1772 22.9045 12.6161 22.9045 13.1541V18.4887H20.0088Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M14.7486 10.9707C14.2851 10.9707 13.8952 11.1321 13.5789 11.4549C13.2626 11.7777 13.0854 12.1911 13.0472 12.6951H16.4337C16.4064 12.1741 16.2374 11.7579 15.9265 11.4464C15.6212 11.1293 15.2285 10.9707 14.7486 10.9707ZM16.4991 15.5153H19.1167C18.9749 16.4837 18.5141 17.2567 17.7343 17.8343C16.9599 18.4063 15.9838 18.6923 14.8059 18.6923C13.3662 18.6923 12.2374 18.2591 11.4194 17.3926C10.6014 16.5262 10.1924 15.3313 10.1924 13.8079C10.1924 12.2845 10.5987 11.0755 11.4112 10.1807C12.2237 9.28029 13.3226 8.83008 14.7077 8.83008C16.0656 8.83008 17.1481 9.26047 17.9552 10.1213C18.7677 10.9764 19.174 12.1231 19.174 13.5616V14.4195H13.0145V14.6064C13.0145 15.184 13.1835 15.6541 13.5216 16.0165C13.8597 16.3733 14.3015 16.5517 14.8468 16.5517C15.2503 16.5517 15.5993 16.461 15.8938 16.2798C16.1883 16.0929 16.3901 15.8381 16.4991 15.5153Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M3.00205 8.58396V12.0667H4.7771C5.32789 12.0667 5.7587 11.911 6.06954 11.5995C6.38038 11.2881 6.5358 10.8662 6.5358 10.3338C6.5358 9.80718 6.37492 9.38528 6.05318 9.06815C5.73143 8.74535 5.30335 8.58396 4.76892 8.58396H3.00205ZM3.00205 14.1989V18.4886H0V6.23096H5.07158C6.53307 6.23096 7.65373 6.5849 8.43355 7.29278C9.21337 8.00066 9.60328 8.99453 9.60328 10.2744C9.60328 11.0446 9.42605 11.7439 9.07159 12.3725C8.71712 12.9955 8.2236 13.4514 7.59101 13.7402L9.94684 18.4886H6.5767L4.55624 14.1989H3.00205Z" }),
+			/* @__PURE__ */ jsx("path", {
+				d: "M65.7255 0.211478C65.0841 2.46724 63.3737 4.2455 61.2041 4.90969C60.932 4.99366 60.932 5.39096 61.2041 5.47492C63.3725 6.13912 65.0841 7.91738 65.7255 10.1731C65.8056 10.4551 66.1932 10.4551 66.2745 10.1731C66.9159 7.91738 68.6263 6.13912 70.7959 5.47492C71.068 5.39096 71.068 4.99366 70.7959 4.90969C68.6276 4.2455 66.9159 2.46724 66.2745 0.211478C66.1944 -0.0704925 65.8068 -0.0704925 65.7255 0.211478Z",
+				fill: hovered ? "#21FFB4" : color
+			})
+		]
+	});
+}
+function CopyIcon({ size = 14, color = "#9EA0A1" }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("rect", {
+			x: "5",
+			y: "5",
+			width: "9",
+			height: "9",
+			rx: "1",
+			stroke: color,
+			strokeWidth: "1.5"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M11 5V3C11 2.44772 10.5523 2 10 2H3C2.44772 2 2 2.44772 2 3V10C2 10.5523 2.44772 11 3 11H5",
+			stroke: color,
+			strokeWidth: "1.5"
+		})]
+	});
+}
+function DisconnectIcon({ size = 14, color = "#EA4335" }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M6 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667V3.33333C2 2.97971 2.14048 2.64057 2.39052 2.39052C2.64057 2.14048 2.97971 2 3.33333 2H6",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.6667 11.3333L14 8L10.6667 4.66667",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M14 8H6",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		]
+	});
+}
+function SpinnerIcon({ size = 14, color = "currentColor" }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		style: { animation: "spin 1s linear infinite" },
+		children: [
+			/* @__PURE__ */ jsx("style", { children: `@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }` }),
+			/* @__PURE__ */ jsx("path", {
+				d: "M8 1V4",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M8 12V15",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.3"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M3.05 3.05L5.17 5.17",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.9"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.83 10.83L12.95 12.95",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.4"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M1 8H4",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.8"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M12 8H15",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.5"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M3.05 12.95L5.17 10.83",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.7"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.83 5.17L12.95 3.05",
+				stroke: color,
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				opacity: "0.6"
+			})
+		]
+	});
+}
+function ChevronDownIcon({ size = 14, color = "currentColor", style }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		style,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4 6L8 10L12 6",
+			stroke: color,
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function UserIcon({ size = 24, color = "#6366f1" }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "8",
+			r: "4",
+			stroke: color,
+			strokeWidth: "2"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M4 20C4 16.6863 7.58172 14 12 14C16.4183 14 20 16.6863 20 20",
+			stroke: color,
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})]
+	});
+}
+//#endregion
+//#region src/renown/components/slot.tsx
+function mergeProps(parentProps, childProps) {
+	const merged = { ...parentProps };
+	for (const key of Object.keys(childProps)) {
+		const parentValue = parentProps[key];
+		const childValue = childProps[key];
+		if (key === "style") merged[key] = {
+			...parentValue,
+			...childValue
+		};
+		else if (key === "className") merged[key] = [parentValue, childValue].filter(Boolean).join(" ");
+		else if (typeof parentValue === "function" && typeof childValue === "function") merged[key] = (...args) => {
+			childValue(...args);
+			parentValue(...args);
+		};
+		else if (childValue !== void 0) merged[key] = childValue;
+	}
+	return merged;
+}
+const Slot = forwardRef(({ children, ...props }, ref) => {
+	const child = Children.only(children);
+	if (!isValidElement(child)) return null;
+	const childElement = child;
+	const mergedProps = mergeProps(props, childElement.props);
+	if (ref) mergedProps.ref = ref;
+	return cloneElement(childElement, mergedProps);
+});
+Slot.displayName = "Slot";
+//#endregion
+//#region src/renown/components/RenownLoginButton.tsx
+const lightStyles = {
+	trigger: {
+		backgroundColor: "#ffffff",
+		borderWidth: "1px",
+		borderStyle: "solid",
+		borderColor: "#d1d5db",
+		color: "#111827"
+	},
+	triggerHover: {
+		backgroundColor: "#ecf3f8",
+		borderColor: "#9ca3af"
+	}
+};
+const darkStyles = {
+	trigger: {
+		backgroundColor: "#1f2937",
+		borderWidth: "1px",
+		borderStyle: "solid",
+		borderColor: "#4b5563",
+		color: "#ecf3f8"
+	},
+	triggerHover: {
+		backgroundColor: "#374151",
+		borderColor: "#6b7280"
+	}
+};
+const styles$1 = {
+	wrapper: {
+		position: "relative",
+		display: "inline-block"
+	},
+	trigger: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "8px",
+		padding: "8px 32px",
+		borderRadius: "8px",
+		cursor: "pointer",
+		fontSize: "14px",
+		fontWeight: 500,
+		fontFamily: "inherit",
+		lineHeight: "20px",
+		transition: "background-color 150ms, border-color 150ms"
+	}
+};
+function RenownLoginButton({ onLogin: onLoginProp, darkMode = false, style, className, asChild = false, children }) {
+	const onLogin = onLoginProp ?? (() => openRenown());
+	const [isLoading, setIsLoading] = useState(false);
+	const [isHovered, setIsHovered] = useState(false);
+	const handleMouseEnter = useCallback(() => setIsHovered(true), []);
+	const handleMouseLeave = useCallback(() => setIsHovered(false), []);
+	const handleClick = () => {
+		if (!isLoading) {
+			setIsLoading(true);
+			onLogin();
+		}
+	};
+	const themeStyles = darkMode ? darkStyles : lightStyles;
+	const triggerStyle = {
+		...styles$1.trigger,
+		...themeStyles.trigger,
+		...isHovered && !isLoading ? themeStyles.triggerHover : {},
+		cursor: isLoading ? "wait" : "pointer",
+		...style
+	};
+	const triggerElement = asChild ? /* @__PURE__ */ jsx(Slot, {
+		onClick: handleClick,
+		"data-renown-state": "login",
+		...isLoading ? { "data-loading": "" } : {},
+		children
+	}) : /* @__PURE__ */ jsx("button", {
+		type: "button",
+		style: triggerStyle,
+		"aria-label": "Log in with Renown",
+		onClick: handleClick,
+		"data-renown-state": "login",
+		...isLoading ? { "data-loading": "" } : {},
+		children: isLoading ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx("span", { children: "Log in" })
+	});
+	return /* @__PURE__ */ jsx("div", {
+		style: styles$1.wrapper,
+		className,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		children: triggerElement
+	});
+}
+//#endregion
+//#region src/renown/components/RenownUserButton.tsx
+const POPOVER_GAP = 4;
+const POPOVER_HEIGHT = 150;
+const styles = {
+	wrapper: {
+		position: "relative",
+		display: "inline-block"
+	},
+	trigger: {
+		display: "flex",
+		alignItems: "center",
+		gap: "8px",
+		padding: "6px 12px",
+		borderWidth: "1px",
+		borderStyle: "solid",
+		borderColor: "#e5e7eb",
+		backgroundColor: "#ffffff",
+		cursor: "pointer",
+		borderRadius: "8px",
+		fontSize: "12px",
+		fontWeight: 500,
+		fontFamily: "inherit",
+		color: "#111827",
+		transition: "background-color 150ms, border-color 150ms"
+	},
+	triggerHover: {
+		backgroundColor: "#f9fafb",
+		borderColor: "#9ca3af"
+	},
+	avatar: {
+		width: "28px",
+		height: "28px",
+		borderRadius: "50%",
+		objectFit: "cover",
+		flexShrink: 0
+	},
+	avatarPlaceholder: {
+		width: "28px",
+		height: "28px",
+		borderRadius: "50%",
+		background: "linear-gradient(135deg, #8b5cf6, #3b82f6)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flexShrink: 0
+	},
+	avatarInitial: {
+		fontSize: "12px",
+		fontWeight: 700,
+		color: "#ffffff",
+		lineHeight: 1
+	},
+	displayName: {
+		maxWidth: "120px",
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		whiteSpace: "nowrap"
+	},
+	chevron: {
+		flexShrink: 0,
+		transition: "transform 150ms",
+		color: "#6b7280"
+	},
+	chevronOpen: { transform: "rotate(180deg)" },
+	popoverBase: {
+		position: "absolute",
+		right: 0,
+		backgroundColor: "#ffffff",
+		borderRadius: "8px",
+		boxShadow: "0 4px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08)",
+		width: "100%",
+		zIndex: 1e3,
+		color: "#111827",
+		borderWidth: "1px",
+		borderStyle: "solid",
+		borderColor: "#e5e7eb",
+		overflow: "hidden"
+	},
+	header: {
+		padding: "12px 16px",
+		borderBottom: "1px solid #e5e7eb"
+	},
+	headerUsername: {
+		fontSize: "14px",
+		fontWeight: 600,
+		color: "#111827",
+		margin: 0
+	},
+	addressRow: {
+		display: "flex",
+		alignItems: "center",
+		gap: "4px",
+		marginTop: "4px"
+	},
+	addressButton: {
+		display: "flex",
+		alignItems: "center",
+		gap: "4px",
+		padding: 0,
+		border: "none",
+		backgroundColor: "transparent",
+		cursor: "pointer",
+		fontSize: "12px",
+		color: "#6b7280",
+		fontFamily: "inherit",
+		position: "relative",
+		width: "100%"
+	},
+	copiedText: {
+		fontSize: "12px",
+		color: "#059669",
+		position: "absolute",
+		left: 0,
+		transition: "opacity 150ms",
+		fontWeight: 500
+	},
+	addressText: {
+		display: "flex",
+		alignItems: "center",
+		gap: "4px",
+		transition: "opacity 150ms"
+	},
+	menuSection: { padding: "4px 0" },
+	menuItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: "8px",
+		width: "100%",
+		padding: "8px 16px",
+		border: "none",
+		backgroundColor: "transparent",
+		cursor: "pointer",
+		fontSize: "14px",
+		color: "#374151",
+		textDecoration: "none",
+		fontFamily: "inherit",
+		transition: "background-color 150ms"
+	},
+	menuItemHover: { backgroundColor: "#f3f4f6" },
+	disconnectItem: { color: "#dc2626" },
+	separator: {
+		height: "1px",
+		backgroundColor: "#e5e7eb",
+		margin: 0,
+		border: "none"
+	}
+};
+function truncateAddress(address) {
+	if (address.length <= 13) return address;
+	return `${address.slice(0, 7)}...${address.slice(-5)}`;
+}
+function RenownUserButton({ address: addressProp, username: usernameProp, avatarUrl: avatarUrlProp, userId: userIdProp, onDisconnect: onDisconnectProp, style, className, asChild = false, children, menuItems }) {
+	const user = useUser();
+	const address = addressProp ?? user?.address ?? "";
+	const username = usernameProp ?? user?.profile?.username ?? user?.ens?.name;
+	const avatarUrl = avatarUrlProp ?? user?.profile?.userImage ?? user?.ens?.avatarUrl;
+	const userId = userIdProp ?? user?.profile?.documentId;
+	const onDisconnect = onDisconnectProp ?? (() => void logout());
+	const displayName = username ?? (address ? truncateAddress(address) : "Account");
+	const profileId = userId ?? address;
+	const [isOpen, setIsOpen] = useState(false);
+	const [isHovered, setIsHovered] = useState(false);
+	const [isCopied, setIsCopied] = useState(false);
+	const [showAbove, setShowAbove] = useState(true);
+	const [hoveredItem, setHoveredItem] = useState(null);
+	const wrapperRef = useRef(null);
+	const closeTimeoutRef = useRef(null);
+	const calculatePosition = useCallback(() => {
+		if (!wrapperRef.current) return;
+		const spaceAbove = wrapperRef.current.getBoundingClientRect().top;
+		setShowAbove(spaceAbove >= POPOVER_HEIGHT + POPOVER_GAP);
+	}, []);
+	const handleMouseEnter = useCallback(() => {
+		setIsHovered(true);
+		if (closeTimeoutRef.current) {
+			clearTimeout(closeTimeoutRef.current);
+			closeTimeoutRef.current = null;
+		}
+		calculatePosition();
+		setIsOpen(true);
+	}, [calculatePosition]);
+	const handleMouseLeave = useCallback(() => {
+		closeTimeoutRef.current = setTimeout(() => {
+			setIsOpen(false);
+			setIsHovered(false);
+			setHoveredItem(null);
+		}, 150);
+	}, []);
+	useEffect(() => {
+		return () => {
+			if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);
+		};
+	}, []);
+	const copyToClipboard = useCallback(async () => {
+		try {
+			await navigator.clipboard.writeText(address);
+			setIsCopied(true);
+			setTimeout(() => setIsCopied(false), 2e3);
+		} catch (err) {
+			console.error("Failed to copy address:", err);
+		}
+	}, [address]);
+	const triggerElement = asChild ? /* @__PURE__ */ jsx(Slot, {
+		"data-renown-state": "authenticated",
+		children
+	}) : /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		style: {
+			...styles.trigger,
+			...isHovered ? styles.triggerHover : {},
+			...style
+		},
+		"aria-label": "Open account menu",
+		"data-renown-state": "authenticated",
+		children: [
+			avatarUrl ? /* @__PURE__ */ jsx("img", {
+				src: avatarUrl,
+				alt: "Avatar",
+				style: styles.avatar
+			}) : /* @__PURE__ */ jsx("div", {
+				style: styles.avatarPlaceholder,
+				children: /* @__PURE__ */ jsx("span", {
+					style: styles.avatarInitial,
+					children: (displayName || "U")[0].toUpperCase()
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				style: styles.displayName,
+				children: displayName
+			}),
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				size: 14,
+				style: {
+					...styles.chevron,
+					...isOpen ? styles.chevronOpen : {}
+				}
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref: wrapperRef,
+		style: styles.wrapper,
+		className,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		children: [triggerElement, isOpen && /* @__PURE__ */ jsxs("div", {
+			style: {
+				...styles.popoverBase,
+				...showAbove ? { bottom: `calc(100% + ${POPOVER_GAP}px)` } : { top: `calc(100% + ${POPOVER_GAP}px)` }
+			},
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					style: styles.header,
+					children: [username && /* @__PURE__ */ jsx("div", {
+						style: styles.headerUsername,
+						children: username
+					}), address && /* @__PURE__ */ jsx("div", {
+						style: styles.addressRow,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => void copyToClipboard(),
+							style: styles.addressButton,
+							children: /* @__PURE__ */ jsxs("div", {
+								style: {
+									position: "relative",
+									display: "flex",
+									alignItems: "center",
+									gap: "4px",
+									width: "100%"
+								},
+								children: [/* @__PURE__ */ jsxs("div", {
+									style: {
+										...styles.addressText,
+										opacity: isCopied ? 0 : 1
+									},
+									children: [/* @__PURE__ */ jsx("span", { children: truncateAddress(address) }), /* @__PURE__ */ jsx(CopyIcon, {
+										size: 12,
+										color: "#9ca3af"
+									})]
+								}), /* @__PURE__ */ jsx("div", {
+									style: {
+										...styles.copiedText,
+										opacity: isCopied ? 1 : 0
+									},
+									children: "Copied!"
+								})]
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					style: styles.menuSection,
+					children: [profileId && /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: () => openRenown(profileId),
+						onMouseEnter: () => setHoveredItem("profile"),
+						onMouseLeave: () => setHoveredItem(null),
+						style: {
+							...styles.menuItem,
+							...hoveredItem === "profile" ? styles.menuItemHover : {}
+						},
+						children: [/* @__PURE__ */ jsx(UserIcon, {
+							size: 14,
+							color: "#6b7280"
+						}), "View Profile"]
+					}), menuItems?.map((item) => /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: item.onClick,
+						onMouseEnter: () => setHoveredItem(item.label),
+						onMouseLeave: () => setHoveredItem(null),
+						style: {
+							...styles.menuItem,
+							...hoveredItem === item.label ? styles.menuItemHover : {},
+							...item.style
+						},
+						children: [item.icon, item.label]
+					}, item.label))]
+				}),
+				/* @__PURE__ */ jsx("hr", { style: styles.separator }),
+				/* @__PURE__ */ jsx("div", {
+					style: styles.menuSection,
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						onClick: onDisconnect,
+						onMouseEnter: () => setHoveredItem("disconnect"),
+						onMouseLeave: () => setHoveredItem(null),
+						style: {
+							...styles.menuItem,
+							...styles.disconnectItem,
+							...hoveredItem === "disconnect" ? styles.menuItemHover : {}
+						},
+						children: [/* @__PURE__ */ jsx(DisconnectIcon, {
+							size: 14,
+							color: "#dc2626"
+						}), "Log out"]
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/renown/components/RenownAuthButton.tsx
+function RenownAuthButton({ className = "", darkMode, loginContent, userContent, loadingContent, children }) {
+	const auth = useRenownAuth();
+	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children(auth) });
+	if (auth.status === "loading" || auth.status === "checking") {
+		if (loadingContent) return /* @__PURE__ */ jsx("div", {
+			className,
+			children: loadingContent
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className,
+			children: [/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: "8px",
+					padding: "6px 12px",
+					borderRadius: "8px",
+					border: "1px solid #e5e7eb",
+					animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+				},
+				children: [/* @__PURE__ */ jsx("div", { style: {
+					width: "28px",
+					height: "28px",
+					borderRadius: "50%",
+					backgroundColor: "#e5e7eb"
+				} }), /* @__PURE__ */ jsx("div", { style: {
+					width: "80px",
+					height: "14px",
+					borderRadius: "4px",
+					backgroundColor: "#e5e7eb"
+				} })]
+			}), /* @__PURE__ */ jsx("style", { children: `@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }` })]
+		});
+	}
+	if (auth.status === "authorized") {
+		if (userContent) return /* @__PURE__ */ jsx("div", {
+			className,
+			children: userContent
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className,
+			children: /* @__PURE__ */ jsx(RenownUserButton, {})
+		});
+	}
+	if (loginContent) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: loginContent
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(RenownLoginButton, { darkMode })
+	});
+}
+//#endregion
+//#region src/renown/crypto.ts
+/**
+* @deprecated Use {@link initRenownCrypto} instead
+*
+* Initialize ConnectCrypto
+* @returns ConnectCrypto instance
+*/
+async function initConnectCrypto() {
+	return initRenownCrypto();
+}
+/**
+* Initialize RenownCrypto
+* @returns RenownCrypto instance
+*/
+async function initRenownCrypto() {
+	const keyStorage = await BrowserKeyStorage.create();
+	return await new RenownCryptoBuilder().withKeyPairStorage(keyStorage).build();
+}
+//#endregion
+//#region src/renown/use-renown-init.ts
+async function initRenown(appName, namespace, url) {
+	addRenownEventHandler();
+	setRenown(null);
+	const renown = await new RenownBuilder(appName, {
+		basename: namespace,
+		baseUrl: url
+	}).build();
+	setRenown(renown);
+	await login(void 0, renown);
+	return renown;
+}
+/**
+* Hook that initializes the Renown SDK.
+* Call once at the top of your app. Options are read only on first mount.
+* Returns a promise that resolves with the Renown instance.
+*
+* @example
+* ```tsx
+* function App() {
+*   const renownPromise = useRenownInit({ appName: "my-app" });
+*   return <MyApp />;
+* }
+* ```
+*/
+function useRenownInit({ appName, namespace, url }) {
+	const promiseRef = useRef(Promise.withResolvers());
+	const initRef = useRef(false);
+	if (typeof window === "undefined") {
+		promiseRef.current.reject(/* @__PURE__ */ new Error("window is undefined"));
+		return promiseRef.current.promise;
+	}
+	if (initRef.current) return promiseRef.current.promise;
+	initRef.current = true;
+	initRenown(appName, namespace, url).then(promiseRef.current.resolve).catch(promiseRef.current.reject);
+	return promiseRef.current.promise;
+}
+//#endregion
+//#region src/renown/renown-init.tsx
+/**
+* Side-effect component that initializes the Renown SDK.
+* Renders nothing — place it alongside your app tree.
+*
+* @example
+* ```tsx
+* function App() {
+*   return (
+*     <>
+*       <Renown appName="my-app" onError={console.error} />
+*       <MyApp />
+*     </>
+*   );
+* }
+* ```
+*/
+function Renown({ onError, ...initOptions }) {
+	useRenownInit(initOptions).catch(onError ?? console.error);
+	return null;
+}
+//#endregion
+export { useLoginStatus as A, RENOWN_CHAIN_ID as C, addRenownEventHandler as D, VERIFIABLE_CREDENTIAL_EIP712_TYPE as E, setLoading as F, useLoading as I, useUser as M, addLoadingEventHandler as N, setRenown as O, loading as P, ISSUER_TYPE as S, RENOWN_URL as T, openRenown as _, RenownAuthButton as a, CREDENTIAL_TYPES as b, ChevronDownIcon as c, RenownLogo as d, SpinnerIcon as f, logout as g, login as h, initRenownCrypto as i, useRenown as j, useDid as k, CopyIcon as l, useRenownAuth as m, useRenownInit as n, RenownUserButton as o, UserIcon as p, initConnectCrypto as r, RenownLoginButton as s, Renown as t, DisconnectIcon as u, CREDENTIAL_SCHEMA_EIP712_TYPE as v, RENOWN_NETWORK_ID as w, DOMAIN_TYPE as x, CREDENTIAL_SUBJECT_TYPE as y };
+
+//# sourceMappingURL=renown-CV_45Xc1.js.map