@aptos-labs/wallet-adapter-react 3.4.2 → 3.5.0

package/dist/index.js

@@ -22,8 +22,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   APTOS_PRIVACY_POLICY_URL: () => APTOS_PRIVACY_POLICY_URL,
+  AboutAptosConnect: () => AboutAptosConnect,
   AptosPrivacyPolicy: () => AptosPrivacyPolicy,
   AptosWalletAdapterProvider: () => AptosWalletAdapterProvider,
+  EXPLORE_ECOSYSTEM_URL: () => EXPLORE_ECOSYSTEM_URL,
   WalletContext: () => WalletContext,
   WalletItem: () => WalletItem,
   useWallet: () => useWallet
@@ -69,15 +71,24 @@ var AptosWalletAdapterProvider = ({
 }) => {
   const [{ connected, account, network, wallet }, setState] = (0, import_react2.useState)(initialState);
   const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
-  const walletCore = (0, import_react2.useMemo)(
-    () => new import_wallet_adapter_core.WalletCore(plugins != null ? plugins : [], optInWallets != null ? optInWallets : [], dappConfig),
-    []
-  );
-  const [wallets, setWallets] = (0, import_react2.useState)(walletCore.wallets);
+  const [walletCore, setWalletCore] = (0, import_react2.useState)();
+  const [wallets, setWallets] = (0, import_react2.useState)(plugins != null ? plugins : []);
+  (0, import_react2.useEffect)(() => {
+    const walletCore2 = new import_wallet_adapter_core.WalletCore(
+      plugins != null ? plugins : [],
+      optInWallets != null ? optInWallets : [],
+      dappConfig
+    );
+    setWalletCore(walletCore2);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    var _a;
+    setWallets((_a = walletCore == null ? void 0 : walletCore.wallets) != null ? _a : []);
+  }, [walletCore]);
   const connect = async (walletName) => {
     try {
       setIsLoading(true);
-      await walletCore.connect(walletName);
+      await (walletCore == null ? void 0 : walletCore.connect(walletName));
     } catch (error) {
       if (onError)
         onError(error);
@@ -88,7 +99,7 @@ var AptosWalletAdapterProvider = ({
   };
   const disconnect = async () => {
     try {
-      await walletCore.disconnect();
+      await (walletCore == null ? void 0 : walletCore.disconnect());
     } catch (error) {
       if (onError)
         onError(error);
@@ -96,8 +107,15 @@ var AptosWalletAdapterProvider = ({
     }
   };
   const signTransaction = async (transaction, asFeePayer, options) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
     try {
-      return await walletCore.signTransaction(transaction, asFeePayer, options);
+      return await (walletCore == null ? void 0 : walletCore.signTransaction(
+        transaction,
+        asFeePayer,
+        options
+      ));
     } catch (error) {
       if (onError)
         onError(error);
@@ -105,8 +123,11 @@ var AptosWalletAdapterProvider = ({
     }
   };
   const signMessage = async (message) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
     try {
-      return await walletCore.signMessage(message);
+      return await (walletCore == null ? void 0 : walletCore.signMessage(message));
     } catch (error) {
       if (onError)
         onError(error);
@@ -114,8 +135,11 @@ var AptosWalletAdapterProvider = ({
     }
   };
   const signMessageAndVerify = async (message) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
     try {
-      return await walletCore.signMessageAndVerify(message);
+      return await (walletCore == null ? void 0 : walletCore.signMessageAndVerify(message));
     } catch (error) {
       if (onError)
         onError(error);
@@ -123,8 +147,11 @@ var AptosWalletAdapterProvider = ({
     }
   };
   const submitTransaction = async (transaction) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
     try {
-      return await walletCore.submitTransaction(transaction);
+      return await (walletCore == null ? void 0 : walletCore.submitTransaction(transaction));
     } catch (error) {
       if (onError)
         onError(error);
@@ -133,7 +160,7 @@ var AptosWalletAdapterProvider = ({
   };
   const signAndSubmitTransaction = async (transaction) => {
     try {
-      return await walletCore.signAndSubmitTransaction(transaction);
+      return await (walletCore == null ? void 0 : walletCore.signAndSubmitTransaction(transaction));
     } catch (error) {
       if (onError)
         onError(error);
@@ -141,8 +168,11 @@ var AptosWalletAdapterProvider = ({
     }
   };
   const changeNetwork = async (network2) => {
+    if (!walletCore) {
+      throw new Error("WalletCore is not initialized");
+    }
     try {
-      return await walletCore.changeNetwork(network2);
+      return await (walletCore == null ? void 0 : walletCore.changeNetwork(network2));
     } catch (error) {
       if (onError)
         onError(error);
@@ -160,8 +190,8 @@ var AptosWalletAdapterProvider = ({
   }, [autoConnect, wallets]);
   (0, import_react2.useEffect)(() => {
     if (connected) {
-      walletCore.onAccountChange();
-      walletCore.onNetworkChange();
+      walletCore == null ? void 0 : walletCore.onAccountChange();
+      walletCore == null ? void 0 : walletCore.onNetworkChange();
     }
   }, [connected]);
   const handleConnect = () => {
@@ -169,9 +199,9 @@ var AptosWalletAdapterProvider = ({
       return {
         ...state,
         connected: true,
-        account: walletCore.account,
-        network: walletCore.network,
-        wallet: walletCore.wallet
+        account: (walletCore == null ? void 0 : walletCore.account) || null,
+        network: (walletCore == null ? void 0 : walletCore.network) || null,
+        wallet: (walletCore == null ? void 0 : walletCore.wallet) || null
       };
     });
   };
@@ -182,8 +212,8 @@ var AptosWalletAdapterProvider = ({
       return {
         ...state,
         connected: false,
-        account: walletCore.account,
-        network: walletCore.network,
+        account: (walletCore == null ? void 0 : walletCore.account) || null,
+        network: (walletCore == null ? void 0 : walletCore.network) || null,
         wallet: null
       };
     });
@@ -191,24 +221,24 @@ var AptosWalletAdapterProvider = ({
   const handleAccountChange = (0, import_react2.useCallback)(() => {
     if (!connected)
       return;
-    if (!walletCore.wallet)
+    if (!(walletCore == null ? void 0 : walletCore.wallet))
       return;
     setState((state) => {
       return {
         ...state,
-        account: walletCore.account
+        account: (walletCore == null ? void 0 : walletCore.account) || null
       };
     });
   }, [connected]);
   const handleNetworkChange = (0, import_react2.useCallback)(() => {
     if (!connected)
       return;
-    if (!walletCore.wallet)
+    if (!(walletCore == null ? void 0 : walletCore.wallet))
       return;
     setState((state) => {
       return {
         ...state,
-        network: walletCore.network
+        network: (walletCore == null ? void 0 : walletCore.network) || null
       };
     });
   }, [connected]);
@@ -236,21 +266,21 @@ var AptosWalletAdapterProvider = ({
     }
   };
   (0, import_react2.useEffect)(() => {
-    walletCore.on("connect", handleConnect);
-    walletCore.on("disconnect", handleDisconnect);
-    walletCore.on("accountChange", handleAccountChange);
-    walletCore.on("networkChange", handleNetworkChange);
-    walletCore.on("readyStateChange", handleReadyStateChange);
-    walletCore.on("standardWalletsAdded", handleStandardWalletsAdded);
+    walletCore == null ? void 0 : walletCore.on("connect", handleConnect);
+    walletCore == null ? void 0 : walletCore.on("disconnect", handleDisconnect);
+    walletCore == null ? void 0 : walletCore.on("accountChange", handleAccountChange);
+    walletCore == null ? void 0 : walletCore.on("networkChange", handleNetworkChange);
+    walletCore == null ? void 0 : walletCore.on("readyStateChange", handleReadyStateChange);
+    walletCore == null ? void 0 : walletCore.on("standardWalletsAdded", handleStandardWalletsAdded);
     return () => {
-      walletCore.off("connect", handleConnect);
-      walletCore.off("disconnect", handleDisconnect);
-      walletCore.off("accountChange", handleAccountChange);
-      walletCore.off("networkChange", handleNetworkChange);
-      walletCore.off("readyStateChange", handleReadyStateChange);
-      walletCore.off("standardWalletsAdded", handleStandardWalletsAdded);
+      walletCore == null ? void 0 : walletCore.off("connect", handleConnect);
+      walletCore == null ? void 0 : walletCore.off("disconnect", handleDisconnect);
+      walletCore == null ? void 0 : walletCore.off("accountChange", handleAccountChange);
+      walletCore == null ? void 0 : walletCore.off("networkChange", handleNetworkChange);
+      walletCore == null ? void 0 : walletCore.off("readyStateChange", handleReadyStateChange);
+      walletCore == null ? void 0 : walletCore.off("standardWalletsAdded", handleStandardWalletsAdded);
     };
-  }, [wallets, connected]);
+  }, [wallets, account]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletContext.Provider, {
     value: {
       connect,
@@ -272,14 +302,293 @@ var AptosWalletAdapterProvider = ({
   });
 };
 
-// src/components/AptosPrivacyPolicy.tsx
-var import_react_slot = require("@radix-ui/react-slot");
+// src/components/AboutAptosConnect.tsx
+var import_react7 = require("react");
+
+// src/graphics/LinkGraphic.tsx
 var import_react3 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LinkGraphic = (0, import_react3.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+      ref,
+      width: "102",
+      height: "132",
+      viewBox: "0 0 102 132",
+      fill: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+        stroke: "currentColor",
+        strokeMiterlimit: "10",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M59.633 80.66c11.742-2.814 17.48-7.018 20.925-13.254l17.518-31.69c6.257-11.317 2.142-25.55-9.189-31.798C82.737.53 75.723.188 69.593 2.398M60.7 69.565a14.09 14.09 0 0 1-6.907-1.767l-.228-.108"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "m52.365 41.075 12.507-22.627a14.146 14.146 0 0 1 4.727-5.062M32.407 118.619a14.139 14.139 0 0 1-7.034-1.768c-6.857-3.78-9.353-12.402-5.561-19.25l16.634-30.1a14.097 14.097 0 0 1 4.518-4.923"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M41.211 78.85c11.332 6.248 25.583 2.14 31.84-9.177l17.518-31.691c6.256-11.317 2.142-25.55-9.19-31.798-6.085-3.357-13.018-3.724-19.104-1.59A23.31 23.31 0 0 0 49.541 15.36L36.863 38.298l7.989 5.036 12.506-22.627c3.786-6.848 12.419-9.34 19.276-5.554 6.856 3.78 9.353 12.402 5.561 19.25l-16.634 30.1c-3.785 6.848-12.418 9.341-19.275 5.555l-5.075 8.791ZM29.5 130.447c12.361-1.37 19.2-6.994 22.966-13.804l12.678-22.936-8.305-5.239"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "m55.72 61.947-.442.764 5.511-9.55c-6.901-3.806-18.65-3.124-27.105.814M44.85 43.523l7.635-2.486m-4.221 23.264 7.217-1.723m-9.316 7.517 7.59-2.405m-.562-12.156 7.508-2.221m10.136-51.32L62.761 4.43M49.642 90.778l7.514-2.26m.474 7.448 7.514-2.26m-50.306-60.13c7.135 0 12.918-5.776 12.918-12.9 0-7.126-5.783-12.902-12.918-12.902-7.134 0-12.917 5.776-12.917 12.901s5.783 12.901 12.918 12.901Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M15.724 7.774h3.197c7.135 0 12.918 5.776 12.918 12.901 0 7.126-5.783 12.901-12.918 12.901h-3.425m65.112 66.935h3.198c7.135 0 12.918 5.775 12.918 12.901 0 7.125-5.783 12.9-12.918 12.9h-3.425"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M79.717 126.312c7.135 0 12.918-5.775 12.918-12.9s-5.783-12.901-12.918-12.901c-7.134 0-12.917 5.776-12.917 12.901s5.783 12.9 12.917 12.9ZM53.281 55.414c-11.33-6.248-25.582-2.14-31.839 9.177L3.924 96.281c-6.257 11.318-2.142 25.55 9.189 31.799 11.331 6.248 25.582 2.139 31.839-9.177l12.677-22.937-7.988-5.036-12.507 22.627c-3.785 6.848-12.418 9.341-19.275 5.554-6.857-3.781-9.353-12.402-5.561-19.25l16.633-30.1c3.786-6.848 12.419-9.341 19.276-5.555l5.074-8.792Z"
+          })
+        ]
+      })
+    });
+  }
+);
+LinkGraphic.displayName = "LinkGraphic";
+
+// src/graphics/WalletGraphic.tsx
+var import_react4 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WalletGraphic = (0, import_react4.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+      ref,
+      width: "128",
+      height: "102",
+      viewBox: "0 0 128 102",
+      fill: "none",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          fill: "currentColor",
+          d: "m.96 25.93-.36-.35.36.85v-.5Zm7.79-7.81v-.5h-.21l-.15.15.36.35ZM1.3 26.28l7.79-7.8-.7-.71-7.8 7.8.7.71Zm7.44-7.66H10v-1H8.75v1Zm29.22 6.8h-37v1h37.01v-1Z"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          stroke: "currentColor",
+          strokeMiterlimit: "10",
+          d: "M82.25 26.08c0 12.25-9.92 22.2-22.14 22.2a22.17 22.17 0 0 1-22.14-22.2H1.1v74.82h118.02V26.08H82.25Zm44.33 67.02h.33V18.27h-5.7"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          stroke: "currentColor",
+          strokeMiterlimit: "10",
+          d: "M74.52 42.92a22.4 22.4 0 0 1-11.43 3.3 22.5 22.5 0 0 1-22.46-22.53H9.52M119.22 101l7.78-7.82m-7.88-67.1 7.79-7.81m-44.78 7.72 2.73-2.3m-46.89 2.39 2.39-2.4"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          stroke: "currentColor",
+          strokeMiterlimit: "10",
+          d: "M9.86 23.69V5.72h107.97v18.04H84.65"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          stroke: "currentColor",
+          strokeMiterlimit: "10",
+          d: "M117.83 20.46h3.39V1H13.25v4.72M9.36 23.69h31.78"
+        })
+      ]
+    });
+  }
+);
+WalletGraphic.displayName = "WalletGraphic";
+
+// src/graphics/Web3Graphic.tsx
+var import_react5 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Web3Graphic = (0, import_react5.forwardRef)(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+      ref,
+      width: "142",
+      height: "108",
+      viewBox: "0 0 142 108",
+      fill: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "m91.26 35.8.06-10.46L71.3 1v10.53L87 30.5m-36.11 5.24-.06-10.45L71.3 1v10.53L55 30.5"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M71 59.55V49.17L50.83 25.3l.06 10.45L57 42.5m14 17.05V49.18l20.33-23.84-.07 10.45L86 42M1 59.68l.22-9.07 35.33-19.8-.1 9L9 55"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M36.55 30.8s-.08 5.92-.1 9l.1-9ZM71 59.51v-9.07L36.55 30.8l-.1 9L63.5 55"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M71 59.51v-9.07L36.44 70.78l-.1 9.14L55.5 68.5"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M1.22 50.6a77387.2 77387.2 0 0 0 35.22 20.18l-.1 9.14L1 59.68l.23-9.07h-.01ZM141 59.68l-.23-9.07-35.33-19.8.11 9L133 55"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "m105.44 30.8.11 9-.1-9Z"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M71 59.51v-9.07l34.44-19.64.11 9L78.5 55"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M71 59.51v-9.07l34.56 20.34.1 9.14L87 69"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M140.78 50.6a78487.3 78487.3 0 0 1-35.23 20.18l.11 9.14L141 59.68l-.23-9.07ZM50.83 80.15l.06-6.33 20.1-23.38H71v9.26L55 79"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "M71.3 97.6 50.89 73.81l-.06 9.33L71.3 107v-9.4Zm20.03-14.5-.07-9.33L71 50.44v9.26l16 18.8"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+            d: "m71.3 97.6 19.96-23.83.06 9.33L71.3 107v-9.4Z"
+          })
+        ]
+      })
+    });
+  }
+);
+Web3Graphic.displayName = "Web3Graphic";
+
+// src/components/utils.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react6 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function createHeadlessComponent(displayName, elementType, props) {
+  const component = (0, import_react6.forwardRef)(({ className, asChild, children }, ref) => {
+    const Component = asChild ? import_react_slot.Slot : elementType;
+    const { children: defaultChildren, ...resolvedProps } = typeof props === "function" ? props(displayName) : props != null ? props : {};
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      className,
+      children: children != null ? children : defaultChildren,
+      ...resolvedProps
+    });
+  });
+  component.displayName = displayName;
+  return component;
+}
+
+// src/components/AboutAptosConnect.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EXPLORE_ECOSYSTEM_URL = "https://aptosfoundation.org/ecosystem/projects/all";
+var AboutAptosConnectContext = (0, import_react7.createContext)(null);
+function useAboutAptosConnectContext(displayName) {
+  const context = (0, import_react7.useContext)(AboutAptosConnectContext);
+  if (!context) {
+    throw new Error(
+      `\`${displayName}\` must be used within \`AboutAptosConnect\``
+    );
+  }
+  return context;
+}
+var educationScreens = [
+  {
+    Graphic: LinkGraphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h3", {
+      children: "A better way to login."
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: "Aptos Connect is a web3 wallet that uses a Social Login to create accounts on the Aptos blockchain."
+    })
+  },
+  {
+    Graphic: WalletGraphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h2", {
+      children: "What is a wallet?"
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: "Wallets are a secure way to send, receive, and interact with digital assets like cryptocurrencies & NFTs."
+    })
+  },
+  {
+    Graphic: Web3Graphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h2", {
+      children: "Explore more of web3."
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [
+          "Aptos Connect lets you to take one account across any application built on Aptos.",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+            href: EXPLORE_ECOSYSTEM_URL,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Explore the ecosystem"
+          }),
+          "."
+        ]
+      })
+    })
+  }
+];
+var educationScreenIndicators = Array(educationScreens.length).fill(null).map(
+  (_, index) => createHeadlessComponent(
+    "AboutAptosConnect.ScreenIndicator",
+    "button",
+    (displayName) => {
+      const context = useAboutAptosConnectContext(displayName);
+      const isActive = context.screenIndex - 1 === index;
+      return {
+        "aria-label": `Go to screen ${index + 1}`,
+        "aria-current": isActive ? "step" : void 0,
+        "data-active": isActive || void 0,
+        onClick: () => {
+          context.setScreenIndex(index + 1);
+        }
+      };
+    }
+  )
+);
+var Root = ({ renderEducationScreen, children }) => {
+  const [screenIndex, setScreenIndex] = (0, import_react7.useState)(0);
+  const currentEducationScreen = (0, import_react7.useMemo)(
+    () => educationScreens.map((screen, i) => ({
+      ...screen,
+      screenIndex: i,
+      totalScreens: educationScreens.length,
+      screenIndicators: educationScreenIndicators,
+      back: () => {
+        setScreenIndex(screenIndex - 1);
+      },
+      next: () => {
+        setScreenIndex(
+          screenIndex === educationScreens.length ? 0 : screenIndex + 1
+        );
+      },
+      cancel: () => {
+        setScreenIndex(0);
+      }
+    }))[screenIndex - 1],
+    [screenIndex]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AboutAptosConnectContext.Provider, {
+    value: { screenIndex, setScreenIndex },
+    children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen)
+  });
+};
+Root.displayName = "AboutAptosConnect";
+var Trigger = createHeadlessComponent(
+  "AboutAptosConnect.Trigger",
+  "button",
+  (displayName) => {
+    const context = useAboutAptosConnectContext(displayName);
+    return {
+      onClick: () => {
+        context.setScreenIndex(1);
+      }
+    };
+  }
+);
+var AboutAptosConnect = Object.assign(Root, {
+  Trigger
+});
+
+// src/components/AptosPrivacyPolicy.tsx
+var import_react9 = require("react");
 
 // src/graphics/SmallAptosLogo.tsx
+var import_react8 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-function SmallAptosLogo(props) {
+var SmallAptosLogo = (0, import_react8.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+    ref,
     width: "12",
     height: "12",
     viewBox: "0 0 12 12",
@@ -292,48 +601,25 @@ function SmallAptosLogo(props) {
       fill: "currentColor"
     })
   });
-}
+});
+SmallAptosLogo.displayName = "SmallAptosLogo";
 
 // src/components/AptosPrivacyPolicy.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var APTOS_PRIVACY_POLICY_URL = "https://aptoslabs.com/privacy";
-var Root = (0, import_react3.forwardRef)(
-  ({ className, asChild, children }, ref) => {
-    const Component = asChild ? import_react_slot.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      className,
-      children
-    });
-  }
+var Root2 = createHeadlessComponent("AptosPrivacyPolicy.Root", "div");
+var Disclaimer = createHeadlessComponent(
+  "AptosPrivacyPolicy.Disclaimer",
+  "span",
+  { children: "By continuing, you agree to Aptos Labs'" }
 );
-Root.displayName = "AptosPrivacyPolicy.Root";
-var Disclaimer = (0, import_react3.forwardRef)(
-  ({ className, asChild, children }, ref) => {
-    const Component = asChild ? import_react_slot.Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      className,
-      children: children != null ? children : "By continuing, you agree to Aptos Labs'"
-    });
-  }
-);
-Disclaimer.displayName = "AptosPrivacyPolicy.Disclaimer";
-var Link = (0, import_react3.forwardRef)(
-  ({ className, asChild, children }, ref) => {
-    const Component = asChild ? import_react_slot.Slot : "a";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      className,
-      href: APTOS_PRIVACY_POLICY_URL,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: children != null ? children : "Privacy Policy"
-    });
-  }
-);
-Link.displayName = "AptosPrivacyPolicy.Link";
-var PoweredBy = (0, import_react3.forwardRef)(({ className }, ref) => {
+var Link = createHeadlessComponent("AptosPrivacyPolicy.Disclaimer", "a", {
+  href: APTOS_PRIVACY_POLICY_URL,
+  target: "_blank",
+  rel: "noopener noreferrer",
+  children: "Privacy Policy"
+});
+var PoweredBy = (0, import_react9.forwardRef)(({ className }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     ref,
     className,
@@ -349,7 +635,7 @@ var PoweredBy = (0, import_react3.forwardRef)(({ className }, ref) => {
   });
 });
 PoweredBy.displayName = "AptosPrivacyPolicy.PoweredBy";
-var AptosPrivacyPolicy = Object.assign(Root, {
+var AptosPrivacyPolicy = Object.assign(Root2, {
   Disclaimer,
   Link,
   PoweredBy
@@ -358,13 +644,20 @@ var AptosPrivacyPolicy = Object.assign(Root, {
 // src/components/WalletItem.tsx
 var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_react4 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var WalletItemContext = (0, import_react4.createContext)(null);
-var WalletItemRoot = (0, import_react4.forwardRef)(
+function useWalletItemContext(displayName) {
+  const context = (0, import_react10.useContext)(WalletItemContext);
+  if (!context) {
+    throw new Error(`\`${displayName}\` must be used within \`WalletItem\``);
+  }
+  return context;
+}
+var WalletItemContext = (0, import_react10.createContext)(null);
+var Root3 = (0, import_react10.forwardRef)(
   ({ wallet, onConnect, className, asChild, children }, ref) => {
     const { connect } = useWallet();
-    const connectWallet = (0, import_react4.useCallback)(() => {
+    const connectWallet = (0, import_react10.useCallback)(() => {
       connect(wallet.name);
       onConnect == null ? void 0 : onConnect();
     }, [connect, wallet.name, onConnect]);
@@ -383,84 +676,65 @@ var WalletItemRoot = (0, import_react4.forwardRef)(
     });
   }
 );
-WalletItemRoot.displayName = "WalletItem";
-var WalletItemIcon = (0, import_react4.forwardRef)(
-  ({ className, asChild, children }, ref) => {
-    const context = (0, import_react4.useContext)(WalletItemContext);
-    if (!context) {
-      throw new Error("`WalletItem.Icon` must be used within `WalletItem`");
-    }
-    const Component = asChild ? import_react_slot2.Slot : "img";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-      ref,
+Root3.displayName = "WalletItem";
+var Icon = createHeadlessComponent(
+  "WalletItem.Icon",
+  "img",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
       src: context.wallet.icon,
-      alt: `${context.wallet.name} icon`,
-      className,
-      children
-    });
+      alt: `${context.wallet.name} icon`
+    };
   }
 );
-WalletItemIcon.displayName = "WalletItem.Icon";
-var WalletItemName = (0, import_react4.forwardRef)(
-  ({ className, asChild, children }, ref) => {
-    const context = (0, import_react4.useContext)(WalletItemContext);
-    if (!context) {
-      throw new Error("`WalletItem.Name` must be used within `WalletItem`");
-    }
-    const Component = asChild ? import_react_slot2.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      className,
-      children: children != null ? children : context.wallet.name
-    });
+var Name = createHeadlessComponent(
+  "WalletItem.Name",
+  "div",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      children: context.wallet.name
+    };
   }
 );
-WalletItemName.displayName = "WalletItem.Name";
-var WalletItemConnectButton = (0, import_react4.forwardRef)(({ className, asChild, children }, ref) => {
-  const context = (0, import_react4.useContext)(WalletItemContext);
-  if (!context) {
-    throw new Error(
-      "`WalletItem.ConnectButton` must be used within `WalletItem`"
-    );
+var ConnectButton = createHeadlessComponent(
+  "WalletItem.ConnectButton",
+  "button",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      onClick: context.connectWallet,
+      children: "Connect"
+    };
   }
-  const Component = asChild ? import_react_slot2.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-    ref,
-    className,
-    onClick: context.connectWallet,
-    children: children != null ? children : "Connect"
-  });
-});
-WalletItemConnectButton.displayName = "WalletItem.ConnectButton";
-var WalletItemInstallLink = (0, import_react4.forwardRef)(({ className, asChild, children }, ref) => {
-  const context = (0, import_react4.useContext)(WalletItemContext);
-  if (!context) {
-    throw new Error(
-      "`WalletItem.InstallLink` must be used within `WalletItem`"
-    );
+);
+var InstallLink = createHeadlessComponent(
+  "WalletItem.InstallLink",
+  "a",
+  (displayName) => {
+    const context = useWalletItemContext(displayName);
+    return {
+      href: context.wallet.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: "Install"
+    };
   }
-  const Component = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
-    ref,
-    className,
-    href: context.wallet.url,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    children: children != null ? children : "Install"
-  });
-});
-WalletItemInstallLink.displayName = "WalletItem.InstallLink";
-var WalletItem = Object.assign(WalletItemRoot, {
-  Icon: WalletItemIcon,
-  Name: WalletItemName,
-  ConnectButton: WalletItemConnectButton,
-  InstallLink: WalletItemInstallLink
+);
+var WalletItem = Object.assign(Root3, {
+  Icon,
+  Name,
+  ConnectButton,
+  InstallLink
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   APTOS_PRIVACY_POLICY_URL,
+  AboutAptosConnect,
   AptosPrivacyPolicy,
   AptosWalletAdapterProvider,
+  EXPLORE_ECOSYSTEM_URL,
   WalletContext,
   WalletItem,
   useWallet