@powerhousedao/design-system 2.5.0-dev.16 → 2.5.0-dev.17

package/dist/src/connect/components/account-popover/account-popover-login.d.ts

@@ -1,6 +1,6 @@
 import { type FC } from "react";
 export interface AccountPopoverLoginProps {
-    onLogin: () => void;
+    onLogin: (() => void) | undefined;
 }
 export declare const AccountPopoverLogin: FC<AccountPopoverLoginProps>;
 //# sourceMappingURL=account-popover-login.d.ts.map

package/dist/src/connect/components/account-popover/account-popover-login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"account-popover-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgC5D,CAAC"}
+{"version":3,"file":"account-popover-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuC5D,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-login.js

@@ -1,13 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "#powerhouse";
 import { useState } from "react";
+import { twMerge } from "tailwind-merge";
 export const AccountPopoverLogin = ({ onLogin, }) => {
     const [loading, setLoading] = useState(false);
+    const allowLogin = !loading && !!onLogin;
     const content = loading ? (_jsx(Icon, { name: "Reload", size: 14, className: "animate-spin" })) : (_jsx("span", { children: "Connect" }));
     const handleLogin = () => {
-        setLoading(true);
-        onLogin();
+        if (onLogin) {
+            setLoading(true);
+            onLogin();
+        }
     };
-    return (_jsxs("div", { className: "p-4", children: [_jsx("div", { className: "mb-4 flex justify-center", children: _jsx("div", { className: "flex h-[22px] w-[83px] items-center justify-center overflow-hidden", children: _jsx(Icon, { name: "RenownLight", size: 83 }) }) }), _jsx("button", { onClick: handleLogin, className: "mt-4 flex h-7 w-full cursor-pointer items-center justify-center rounded-lg border border-gray-300 bg-transparent text-sm active:opacity-70", type: "button", children: content })] }));
+    return (_jsxs("div", { className: "p-4", children: [_jsx("div", { className: "mb-4 flex justify-center", children: _jsx("div", { className: "flex h-[22px] w-[83px] items-center justify-center overflow-hidden", children: _jsx(Icon, { name: "RenownLight", size: 83 }) }) }), _jsx("button", { onClick: allowLogin ? handleLogin : undefined, className: twMerge("mt-4 flex h-7 w-full cursor-pointer items-center justify-center rounded-lg border border-gray-300 bg-transparent text-sm active:opacity-70", allowLogin ? "cursor-pointer" : "cursor-wait"), type: "button", children: content })] }));
 };
 //# sourceMappingURL=account-popover-login.js.map

package/dist/src/connect/components/account-popover/account-popover-login.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-popover-login.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,qCAAoB,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACjC,GACF,EACN,iBACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4IAA4I,EACtJ,IAAI,EAAC,QAAQ,YAEZ,OAAO,GACD,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"account-popover-login.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-login.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;IAEzC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,qCAAoB,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,GAAI,GACjC,GACF,EACN,iBACE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,EAAE,OAAO,CAChB,4IAA4I,EAC5I,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAC9C,EACD,IAAI,EAAC,QAAQ,YAEZ,OAAO,GACD,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-user.d.ts

@@ -1,7 +1,7 @@
 import type { FC } from "react";
 export interface AccountPopoverUserProps {
     address: `0x${string}`;
-    onDisconnect: () => void;
+    onDisconnect: (() => void) | undefined;
     etherscanUrl?: string;
     username?: string;
 }

package/dist/src/connect/components/account-popover/account-popover-user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"account-popover-user.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-user.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,KAAK,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuE1D,CAAC"}
+{"version":3,"file":"account-popover-user.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-user.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,KAAK,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA4E1D,CAAC"}

package/dist/src/connect/components/account-popover/account-popover-user.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Icon } from "#powerhouse";
 import { useCallback, useState } from "react";
+import { twMerge } from "tailwind-merge";
 // short eth address
 const shortAddress = (address) => `${address.slice(0, 7)}...${address.slice(-5)}`;
 export const AccountPopoverUser = ({ address, onDisconnect, etherscanUrl, username = "", }) => {
@@ -15,6 +16,8 @@ export const AccountPopoverUser = ({ address, onDisconnect, etherscanUrl, userna
             console.error("Failed to copy address:", err);
         }
     }, []);
-    return (_jsxs("div", { className: "flex flex-col divide-y divide-gray-200 text-gray-900", children: [_jsxs("div", { className: "px-3 py-2", children: [username && _jsx("div", { className: "text-sm font-medium", children: username }), _jsx("div", { className: "mt-1 flex items-center gap-2", children: _jsx(Button, { size: "small", color: "light", onClick: copyToClipboard.bind(null, address), className: "w-full cursor-pointer bg-transparent p-0 active:opacity-70", type: "button", children: _jsxs("div", { className: "relative flex w-full items-center gap-1", children: [_jsxs("div", { className: `flex items-center gap-1 transition-opacity duration-150 ${isCopied ? "opacity-0" : "opacity-100"}`, children: [_jsx("span", { className: "text-xs", children: shortAddress(address) }), _jsx(Icon, { name: "FilesEarmark", color: "#9EA0A1", size: 14 })] }), _jsx("div", { className: `absolute left-0 text-xs transition-opacity duration-150 ${isCopied ? "opacity-100" : "opacity-0"}`, children: "Copied to clipboard!" })] }) }) })] }), etherscanUrl && (_jsx("div", { className: "px-3 py-2", children: _jsxs("a", { href: etherscanUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 hover:text-gray-600", children: [_jsx(Icon, { name: "Ethscan", size: 14 }), "View on Etherscan"] }) })), _jsx("div", { className: "px-3 py-2", children: _jsxs("button", { onClick: onDisconnect, className: "flex w-full cursor-pointer items-center gap-2 text-sm text-red-900 hover:text-red-700", type: "button", children: [_jsx(Icon, { name: "Disconnect", size: 14, color: "#EA4335" }), "Disconnect"] }) })] }));
+    return (_jsxs("div", { className: "flex flex-col divide-y divide-gray-200 text-gray-900", children: [_jsxs("div", { className: "px-3 py-2", children: [username && _jsx("div", { className: "text-sm font-medium", children: username }), _jsx("div", { className: "mt-1 flex items-center gap-2", children: _jsx(Button, { size: "small", color: "light", onClick: copyToClipboard.bind(null, address), className: "w-full cursor-pointer bg-transparent p-0 active:opacity-70", type: "button", children: _jsxs("div", { className: "relative flex w-full items-center gap-1", children: [_jsxs("div", { className: `flex items-center gap-1 transition-opacity duration-150 ${isCopied ? "opacity-0" : "opacity-100"}`, children: [_jsx("span", { className: "text-xs", children: shortAddress(address) }), _jsx(Icon, { name: "FilesEarmark", color: "#9EA0A1", size: 14 })] }), _jsx("div", { className: `absolute left-0 text-xs transition-opacity duration-150 ${isCopied ? "opacity-100" : "opacity-0"}`, children: "Copied to clipboard!" })] }) }) })] }), etherscanUrl && (_jsx("div", { className: "px-3 py-2", children: _jsxs("a", { href: etherscanUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 hover:text-gray-600", children: [_jsx(Icon, { name: "Ethscan", size: 14 }), "View on Etherscan"] }) })), _jsx("div", { className: "px-3 py-2", children: _jsxs("button", { onClick: onDisconnect, className: twMerge("flex w-full items-center gap-2 text-sm text-red-900", onDisconnect
+                        ? "cursor-pointer hover:text-red-700"
+                        : "pointer-events-none cursor-wait"), type: "button", children: [_jsx(Icon, { name: "Disconnect", size: 14, color: "#EA4335" }), "Disconnect"] }) })] }));
 };
 //# sourceMappingURL=account-popover-user.js.map

package/dist/src/connect/components/account-popover/account-popover-user.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-popover-user.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS9C,oBAAoB;AACpB,MAAM,YAAY,GAAG,CAAC,OAAsB,EAAE,EAAE,CAC9C,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,GAAG,EAAE,GACW,EAAE,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,EAAE,IAAY,EAAE,EAAE;QACzD,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,eAAK,SAAS,EAAC,WAAW,aACvB,QAAQ,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,EAClE,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAC5C,SAAS,EAAC,4DAA4D,EACtE,IAAI,EAAC,QAAQ,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACtD,eACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE,aAE9G,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,OAAO,CAAC,GAAQ,EACxD,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,IAClD,EACN,cACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,qCAG1G,IACF,GACC,GACL,IACF,EACL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,WAAW,YACxB,aACE,IAAI,EAAE,YAAY,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,mEAAmE,aAE7E,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,yBAE/B,GACA,CACP,EACD,cAAK,SAAS,EAAC,WAAW,YACxB,kBACE,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,uFAAuF,EACjG,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,kBAE7C,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"account-popover-user.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AASzC,oBAAoB;AACpB,MAAM,YAAY,GAAG,CAAC,OAAsB,EAAE,EAAE,CAC9C,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,GAAG,EAAE,GACW,EAAE,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,EAAE,IAAY,EAAE,EAAE;QACzD,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,eAAK,SAAS,EAAC,WAAW,aACvB,QAAQ,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,EAClE,cAAK,SAAS,EAAC,8BAA8B,YAC3C,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,EAC5C,SAAS,EAAC,4DAA4D,EACtE,IAAI,EAAC,QAAQ,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACtD,eACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE,aAE9G,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,CAAC,OAAO,CAAC,GAAQ,EACxD,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,IAClD,EACN,cACE,SAAS,EAAE,2DAA2D,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,qCAG1G,IACF,GACC,GACL,IACF,EACL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,WAAW,YACxB,aACE,IAAI,EAAE,YAAY,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,mEAAmE,aAE7E,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,yBAE/B,GACA,CACP,EACD,cAAK,SAAS,EAAC,WAAW,YACxB,kBACE,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,OAAO,CAChB,qDAAqD,EACrD,YAAY;wBACV,CAAC,CAAC,mCAAmC;wBACrC,CAAC,CAAC,iCAAiC,CACtC,EACD,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,kBAE7C,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/account-popover/account-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"account-popover.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,uBAAuB,mBAAmB,4CAWxE,CAAC"}
+{"version":3,"file":"account-popover.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,uBAAuB,mBAAmB,4CAiBxE,CAAC"}

package/dist/src/connect/components/account-popover/account-popover.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../../scalars/components/fragments/popover/popover.js";
 export const AccountPopover = ({ children, content }) => {
-    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("div", { className: "cursor-pointer", children: children }) }), _jsx(PopoverContent, { className: "w-52 p-0", align: "start", children: content })] }));
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Open Account", className: "cursor-pointer", children: children }) }), _jsx(PopoverContent, { className: "w-52 p-0", align: "start", children: content })] }));
 };
 //# sourceMappingURL=account-popover.js.map

package/dist/src/connect/components/account-popover/account-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-popover.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,0DAA0D,CAAC;AAOlE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,GACjC,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,YAC/C,OAAO,GACO,IACT,CACX,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"account-popover.js","sourceRoot":"","sources":["../../../../../src/connect/components/account-popover/account-popover.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,0DAA0D,CAAC;AAOlE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,gBACF,cAAc,EACzB,SAAS,EAAC,gBAAgB,YAEzB,QAAQ,GACF,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,YAC/C,OAAO,GACO,IACT,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/home-screen/home-background-image.d.ts

@@ -0,0 +1,2 @@
+export declare function HomeBackgroundImage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=home-background-image.d.ts.map

package/dist/src/connect/components/home-screen/home-background-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-background-image.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/home-background-image.tsx"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,4CAOlC"}

package/dist/src/connect/components/home-screen/home-background-image.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import HomeBgAvif from "#assets/home-bg.avif";
+import HomeBg from "#assets/home-bg.png";
+export function HomeBackgroundImage() {
+    return (_jsxs("picture", { className: "pointer-events-none absolute inset-8 z-0 size-[calc(100%-32px)] object-contain", children: [_jsx("source", { srcSet: HomeBgAvif, type: "image/avif" }), _jsx("img", { src: HomeBg, alt: "background", className: "object-contain" })] }));
+}
+//# sourceMappingURL=home-background-image.js.map

package/dist/src/connect/components/home-screen/home-background-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-background-image.js","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/home-background-image.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,UAAU,mBAAmB;IACjC,OAAO,CACL,mBAAS,SAAS,EAAC,gFAAgF,aACjG,iBAAQ,MAAM,EAAE,UAAU,EAAE,IAAI,EAAC,YAAY,GAAG,EAChD,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,YAAY,EAAC,SAAS,EAAC,gBAAgB,GAAG,IACxD,CACX,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/home-screen/home-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"home-screen.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/home-screen.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACtC,CAAC;AACF,eAAO,MAAM,UAAU,GAAuB,OAAO,eAAe,4CAmBnE,CAAC"}
+{"version":3,"file":"home-screen.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/home-screen.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAuB,OAAO,eAAe,4CAenE,CAAC"}

package/dist/src/connect/components/home-screen/home-screen.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import HomeBg from "#assets/home-bg.png";
 import { twMerge } from "tailwind-merge";
+import { HomeBackgroundImage } from "./home-background-image.js";
 export const HomeScreen = function HomeScreen(props) {
     const { children, containerClassName } = props;
-    return (_jsx("div", { className: twMerge("container relative mx-auto flex h-full flex-col", containerClassName), children: _jsxs("div", { className: "m-8 flex flex-wrap justify-center gap-4 pt-12", children: [_jsx("img", { src: HomeBg, alt: "background", className: "pointer-events-none absolute inset-8 z-0 size-[calc(100%-32px)] object-contain" }), children] }) }));
+    return (_jsx("div", { className: twMerge("container relative mx-auto flex h-full flex-col", containerClassName), children: _jsxs("div", { className: "m-8 flex flex-wrap justify-center gap-4 pt-12", children: [_jsx(HomeBackgroundImage, {}), children] }) }));
 };
 //# sourceMappingURL=home-screen.js.map

package/dist/src/connect/components/home-screen/home-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"home-screen.js","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/home-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,KAAsB;IAClE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,cACE,SAAS,EAAE,OAAO,CAChB,iDAAiD,EACjD,kBAAkB,CACnB,YAED,eAAK,SAAS,EAAC,+CAA+C,aAC5D,cACE,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,gFAAgF,GAC1F,EACD,QAAQ,IACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"home-screen.js","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/home-screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAOjE,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,KAAsB;IAClE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAC/C,OAAO,CACL,cACE,SAAS,EAAE,OAAO,CAChB,iDAAiD,EACjD,kBAAkB,CACnB,YAED,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,mBAAmB,KAAG,EACtB,QAAQ,IACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/home-screen/index.d.ts

@@ -1,4 +1,5 @@
-export * from "./home-screen.js";
+export * from "./home-background-image.js";
 export * from "./home-screen-add-drive-item/index.js";
 export * from "./home-screen-item/index.js";
+export * from "./home-screen.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/home-screen/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC"}

package/dist/src/connect/components/home-screen/index.js

@@ -1,4 +1,5 @@
-export * from "./home-screen.js";
+export * from "./home-background-image.js";
 export * from "./home-screen-add-drive-item/index.js";
 export * from "./home-screen-item/index.js";
+export * from "./home-screen.js";
 //# sourceMappingURL=index.js.map

package/dist/src/connect/components/home-screen/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/home-screen/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-footer.d.ts

@@ -1,10 +1,10 @@
 import { type SidebarFooterProps } from "#powerhouse";
 export interface ConnectSidebarFooterProps extends SidebarFooterProps {
     address: `0x${string}` | undefined;
-    onClickSettings?: () => void;
-    onLogin: () => void;
+    onClickSettings: (() => void) | undefined;
+    onLogin: (() => void) | undefined;
     etherscanUrl?: string;
-    onDisconnect: () => void;
+    onDisconnect: (() => void) | undefined;
 }
 export declare const ConnectSidebarFooter: React.FC<ConnectSidebarFooterProps>;
 //# sourceMappingURL=sidebar-footer.d.ts.map

package/dist/src/connect/components/sidebar/sidebar-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-footer.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAK3E,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,OAAO,EAAE,KAAK,MAAM,EAAE,GAAG,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwCpE,CAAC"}
+{"version":3,"file":"sidebar-footer.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAK3E,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,OAAO,EAAE,KAAK,MAAM,EAAE,GAAG,SAAS,CAAC;IACnC,eAAe,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1C,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA4CpE,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-footer.js

@@ -4,6 +4,6 @@ import { twMerge } from "tailwind-merge";
 import { SidebarLogin } from "./sidebar-login.js";
 import { SidebarUser } from "./sidebar-user.js";
 export const ConnectSidebarFooter = ({ address, className, onLogin, onClickSettings, onDisconnect, etherscanUrl = "", ...props }) => {
-    return (_jsxs(SidebarFooter, { ...props, className: twMerge("flex flex-col gap-2 border-t border-gray-300 px-2 py-4", className), children: [_jsx("div", { className: "", children: address ? (_jsx(SidebarUser, { address: address, onDisconnect: onDisconnect, etherscanUrl: etherscanUrl })) : (_jsx(SidebarLogin, { onLogin: onLogin })) }), _jsxs("button", { type: "button", className: "mt-3 flex w-full cursor-pointer items-center justify-center outline-none", onClick: onClickSettings, children: [_jsx(Icon, { className: "text-gray-600", name: "Settings" }), _jsx("span", { className: "hidden text-sm font-semibold leading-6 text-gray-800", children: "Settings" })] })] }));
+    return (_jsxs(SidebarFooter, { ...props, className: twMerge("flex flex-col gap-2 border-t border-gray-300 px-2 py-4", className), children: [_jsx("div", { children: address ? (_jsx(SidebarUser, { address: address, onDisconnect: onDisconnect, etherscanUrl: etherscanUrl })) : (_jsx(SidebarLogin, { onLogin: onLogin })) }), _jsxs("button", { "aria-label": "Settings", type: "button", className: twMerge("mt-3 flex w-full items-center justify-center outline-none", onClickSettings ? "cursor-pointer" : "cursor-wait"), onClick: onClickSettings, children: [_jsx(Icon, { className: "text-gray-600", name: "Settings" }), _jsx("span", { className: "hidden text-sm font-semibold leading-6 text-gray-800", children: "Settings" })] })] }));
 };
 //# sourceMappingURL=sidebar-footer.js.map

package/dist/src/connect/components/sidebar/sidebar-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-footer.js","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAA2B,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,OAAO,EACP,SAAS,EACT,OAAO,EACP,eAAe,EACf,YAAY,EACZ,YAAY,GAAG,EAAE,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,OACR,KAAK,EACT,SAAS,EAAE,OAAO,CAChB,wDAAwD,EACxD,SAAS,CACV,aAED,cAAK,SAAS,EAAC,EAAE,YACd,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CACnC,GACG,EACN,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0EAA0E,EACpF,OAAO,EAAE,eAAe,aAExB,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,UAAU,GAAG,EAClD,eAAM,SAAS,EAAC,sDAAsD,yBAE/D,IACA,IACK,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"sidebar-footer.js","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAA2B,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUhD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,OAAO,EACP,SAAS,EACT,OAAO,EACP,eAAe,EACf,YAAY,EACZ,YAAY,GAAG,EAAE,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,OACR,KAAK,EACT,SAAS,EAAE,OAAO,CAChB,wDAAwD,EACxD,SAAS,CACV,aAED,wBACG,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CACnC,GACG,EACN,gCACa,UAAU,EACrB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,CAChB,2DAA2D,EAC3D,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CACnD,EACD,OAAO,EAAE,eAAe,aAExB,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,UAAU,GAAG,EAClD,eAAM,SAAS,EAAC,sDAAsD,yBAE/D,IACA,IACK,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG3E,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmBpE,CAAC"}
+{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG3E,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-header.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon, SidebarHeader } from "#powerhouse";
 import { twMerge } from "tailwind-merge";
 export const ConnectSidebarHeader = ({ onClick, className, children, ...props }) => {
-    return (_jsx(SidebarHeader, { ...props, className: twMerge("flex justify-center gap-4 border-b border-gray-300 py-4", className), children: _jsx("button", { className: "", onClick: onClick, type: "button", children: _jsx(Icon, { className: "text-gray-600", name: "ConnectSmall", size: 24 }) }) }));
+    return (_jsx(SidebarHeader, { ...props, className: twMerge("flex justify-center gap-4 border-b border-gray-300 py-4", className), children: _jsx("button", { "aria-label": "Home", className: onClick ? "cursor-pointer" : "cursor-wait", onClick: onClick, type: "button", children: _jsx(Icon, { className: "text-gray-600", name: "ConnectSmall", size: 24 }) }) }));
 };
 //# sourceMappingURL=sidebar-header.js.map

package/dist/src/connect/components/sidebar/sidebar-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-header.js","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAA2B,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,aAAa,OACR,KAAK,EACT,SAAS,EAAE,OAAO,CAChB,yDAAyD,EACzD,SAAS,CACV,YAED,iBAAQ,SAAS,EAAC,EAAE,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,YAClD,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,GACzD,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"sidebar-header.js","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,aAAa,EAA2B,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAMzC,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,aAAa,OACR,KAAK,EACT,SAAS,EAAE,OAAO,CAChB,yDAAyD,EACzD,SAAS,CACV,YAED,+BACa,MAAM,EACjB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACrD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,YAEb,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,GACzD,GACK,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-login.d.ts

@@ -1,5 +1,5 @@
 export interface SidebarLoginProps {
-    onLogin: () => void;
+    onLogin: (() => void) | undefined;
 }
 export declare const SidebarLogin: React.FC<SidebarLoginProps>;
 //# sourceMappingURL=sidebar-login.d.ts.map

package/dist/src/connect/components/sidebar/sidebar-login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-login.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAcpD,CAAC"}
+{"version":3,"file":"sidebar-login.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-login.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-login.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import renownShortHover from "#assets/renown-short-hover.png";
 import renownShort from "#assets/renown-short.png";
+import { twMerge } from "tailwind-merge";
 import { AccountPopover, AccountPopoverLogin, } from "../account-popover/index.js";
 export const SidebarLogin = ({ onLogin }) => {
     const content = _jsx(AccountPopoverLogin, { onLogin: onLogin });
-    return (_jsx(AccountPopover, { content: content, children: _jsxs("div", { className: "group/sidebar-footer flex w-full cursor-pointer items-baseline justify-start text-sm font-semibold leading-10 text-gray-600", children: [_jsx("img", { className: "group-hover/sidebar-footer:hidden", src: renownShort }), _jsx("img", { className: "hidden group-hover/sidebar-footer:block", src: renownShortHover })] }) }));
+    return (_jsx(AccountPopover, { content: content, children: _jsxs("div", { className: twMerge("group/sidebar-footer flex w-full items-baseline justify-start text-sm font-semibold leading-10 text-gray-600", onLogin ? "cursor-pointer" : "cursor-wait"), children: [_jsx("img", { width: 42, height: 42, loading: "lazy", className: "group-hover/sidebar-footer:hidden", src: renownShort, alt: "Renown Login" }), _jsx("img", { width: 42, height: 42, loading: "lazy", className: "hidden group-hover/sidebar-footer:block", src: renownShortHover, alt: "Renown Login Hover" })] }) }));
 };
 //# sourceMappingURL=sidebar-login.js.map

package/dist/src/connect/components/sidebar/sidebar-login.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-login.js","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-login.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACvE,MAAM,OAAO,GAAG,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IAE1D,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,YAC9B,eAAK,SAAS,EAAC,6HAA6H,aAC1I,cAAK,SAAS,EAAC,mCAAmC,EAAC,GAAG,EAAE,WAAW,GAAI,EACvE,cACE,SAAS,EAAC,yCAAyC,EACnD,GAAG,EAAE,gBAAgB,GACrB,IACE,GACS,CAClB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"sidebar-login.js","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-login.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACvE,MAAM,OAAO,GAAG,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IAE1D,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,YAC9B,eACE,SAAS,EAAE,OAAO,CAChB,8GAA8G,EAC9G,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAC3C,aAED,cACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,mCAAmC,EAC7C,GAAG,EAAE,WAAW,EAChB,GAAG,EAAC,cAAc,GAClB,EACF,cACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,yCAAyC,EACnD,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,oBAAoB,GACxB,IACE,GACS,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/connect/components/sidebar/sidebar-user.d.ts

@@ -1,7 +1,7 @@
 export interface SidebarUserProps {
     address: `0x${string}`;
     etherscanUrl: string;
-    onDisconnect: () => void;
+    onDisconnect: (() => void) | undefined;
 }
 export declare const SidebarUser: React.FC<SidebarUserProps>;
 //# sourceMappingURL=sidebar-user.d.ts.map

package/dist/src/connect/components/sidebar/sidebar-user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-user.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-user.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyBlD,CAAC"}
+{"version":3,"file":"sidebar-user.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar-user.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,MAAM,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyBlD,CAAC"}

package/dist/src/connect/components/sidebar/sidebar.d.ts

@@ -6,8 +6,8 @@ export interface ConnectSidebarProps extends Omit<SidebarProps, "maxWidth" | "mi
     minWidth?: string;
     headerContent?: React.ReactNode;
     loadingUser?: boolean;
-    onLogin: () => void;
-    onDisconnect: () => void;
+    onLogin: (() => void) | undefined;
+    onDisconnect: (() => void) | undefined;
     etherscanUrl?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }

package/dist/src/connect/components/sidebar/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,UAAU,CAAC,EACjD,yBAAyB,EACzB,yBAAyB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6BxD,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,UAAU,CAAC,EACjD,yBAAyB,EACzB,yBAAyB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6BxD,CAAC"}

package/dist/src/powerhouse/components/icon/icon.d.ts

@@ -1,6 +1,6 @@
-import { type IconName } from "../icon-components/index.js";
 import { type Color, type Size } from "#powerhouse";
 import { type ComponentPropsWithoutRef } from "react";
+import { type IconName } from "../icon-components/index.js";
 export type IconProps = ComponentPropsWithoutRef<"svg"> & {
     readonly name: IconName;
     readonly size?: Size;

package/dist/src/powerhouse/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EAGd,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,KAAK,EAAiB,KAAK,IAAI,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EACL,KAAK,wBAAwB,EAM9B,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACxD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AACF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAoB1E"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAiB,KAAK,IAAI,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAY,MAAM,OAAO,CAAC;AAChE,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACxD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AACF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAoB1E"}

package/dist/src/powerhouse/components/icon/icon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { iconComponents, } from "../icon-components/index.js";
 import { getDimensions } from "#powerhouse";
-import { Suspense, } from "react";
+import { Suspense } from "react";
+import { iconComponents } from "../icon-components/index.js";
 export function Icon({ name, size = 24, color, style, ...props }) {
     const dimensions = getDimensions(size);
     const _style = {

package/dist/src/powerhouse/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,cAAc,GAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAc,aAAa,EAAa,MAAM,aAAa,CAAC;AACnE,OAAO,EAKL,QAAQ,GAET,MAAM,OAAO,CAAC;AAOf,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,KAAK;QACL,GAAG,UAAU;QACb,KAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO;IACL,6CAA6C;IAC7C,iCAAiC;IACjC,KAAC,QAAQ,IACP,QAAQ,EAAE,6BAAiB,eAAe,EAAC,KAAK,EAAE,UAAU,GAAI,EAChE,IAAI,EAAC,gBAAgB,YAErB,KAAC,aAAa,OAAK,KAAK,EAAE,KAAK,EAAE,MAAM,GAAI,GAClC,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/powerhouse/components/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,aAAa,EAAa,MAAM,aAAa,CAAC;AACnE,OAAO,EAAiC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAiB,MAAM,6BAA6B,CAAC;AAO5E,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG;QACb,KAAK;QACL,GAAG,UAAU;QACb,KAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO;IACL,6CAA6C;IAC7C,iCAAiC;IACjC,KAAC,QAAQ,IACP,QAAQ,EAAE,6BAAiB,eAAe,EAAC,KAAK,EAAE,UAAU,GAAI,EAChE,IAAI,EAAC,gBAAgB,YAErB,KAAC,aAAa,OAAK,KAAK,EAAE,KAAK,EAAE,MAAM,GAAI,GAClC,CACZ,CAAC;AACJ,CAAC"}

package/dist/style.css

@@ -1813,6 +1813,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .cursor-wait {
+    cursor: wait;
+  }
   .resize {
     resize: both;
   }