@aptos-labs/wallet-adapter-react 7.2.0 → 7.2.2

package/dist/components/AboutAptosConnect.d.ts

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, ReactNode, RefAttributes, SVGProps } from "react";
 import { HeadlessComponentProps } from "./utils";
-export declare const EXPLORE_ECOSYSTEM_URL = "https://aptosnetwork.com/ecosystem/directory/category/defi";
 declare const educationScreenIndicators: ForwardRefExoticComponent<HeadlessComponentProps & RefAttributes<HTMLButtonElement>>[];
+/** @deprecated Use {@link AboutPetraWebEducationScreen} instead. */
 export interface AboutAptosConnectEducationScreen {
     /** A component that renders an SVG to illustrate the idea of the current screen. */
     Graphic: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
@@ -33,6 +33,7 @@ export interface AboutAptosConnectEducationScreen {
     /** A function that navigates the user to the initial wallet selection screen. */
     cancel: () => void;
 }
+/** @deprecated Use {@link AboutPetraWebProps} instead. */
 export interface AboutAptosConnectProps {
     /**
      * A function for defining how each education screen should be rendered.
@@ -48,7 +49,9 @@ export interface AboutAptosConnectProps {
 }
 /**
  * A headless component for rendering education screens that explain the basics
- * of Petra Web and web3 wallets.
+ * of Aptos Connect and web3 wallets.
+ *
+ * @deprecated Use {@link AboutPetraWeb} instead.
  */
 export declare const AboutAptosConnect: {
     ({ renderEducationScreen, children }: AboutAptosConnectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AboutAptosConnect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutAptosConnect.d.ts","sourceRoot":"","sources":["../../src/components/AboutAptosConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EACzB,SAAS,EACT,aAAa,EACb,QAAQ,EAMT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,sBAAsB,EAA2B,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,qBAAqB,+DAC4B,CAAC;AAgE/D,QAAA,MAAM,yBAAyB,wFAoB5B,CAAC;AAEJ,MAAM,WAAW,gCAAgC;IAC/C,oFAAoF;IACpF,OAAO,EAAE,yBAAyB,CAChC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CACpE,CAAC;IACF,yEAAyE;IACzE,KAAK,EAAE,yBAAyB,CAC9B,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAC3D,CAAC;IACF,oFAAoF;IACpF,WAAW,EAAE,yBAAyB,CACpC,sBAAsB,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAC7D,CAAC;IACF,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,gBAAgB,EAAE,OAAO,yBAAyB,CAAC;IACnD;;;;OAIG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,iFAAiF;IACjF,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,qBAAqB,EAAE,CACrB,MAAM,EAAE,gCAAgC,KACrC,SAAS,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmDD;;;GAGG;AACH,eAAO,MAAM,iBAAiB;0CArDqB,sBAAsB;;;;CAuDvE,CAAC"}
+{"version":3,"file":"AboutAptosConnect.d.ts","sourceRoot":"","sources":["../../src/components/AboutAptosConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EACzB,SAAS,EACT,aAAa,EACb,QAAQ,EAMT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,sBAAsB,EAA2B,MAAM,SAAS,CAAC;AAmE1E,QAAA,MAAM,yBAAyB,wFAoB5B,CAAC;AAEJ,oEAAoE;AACpE,MAAM,WAAW,gCAAgC;IAC/C,oFAAoF;IACpF,OAAO,EAAE,yBAAyB,CAChC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CACpE,CAAC;IACF,yEAAyE;IACzE,KAAK,EAAE,yBAAyB,CAC9B,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAC3D,CAAC;IACF,oFAAoF;IACpF,WAAW,EAAE,yBAAyB,CACpC,sBAAsB,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAC7D,CAAC;IACF,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,gBAAgB,EAAE,OAAO,yBAAyB,CAAC;IACnD;;;;OAIG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,iFAAiF;IACjF,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,0DAA0D;AAC1D,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,qBAAqB,EAAE,CACrB,MAAM,EAAE,gCAAgC,KACrC,SAAS,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmDD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB;0CAvDqB,sBAAsB;;;;CAyDvE,CAAC"}

package/dist/components/AboutPetraWeb.d.ts

@@ -0,0 +1,60 @@
+import { ForwardRefExoticComponent, ReactNode, RefAttributes, SVGProps } from "react";
+import { HeadlessComponentProps } from "./utils";
+export declare const EXPLORE_ECOSYSTEM_URL = "https://aptosnetwork.com/ecosystem/directory/category/defi";
+declare const educationScreenIndicators: ForwardRefExoticComponent<HeadlessComponentProps & RefAttributes<HTMLButtonElement>>[];
+export interface AboutPetraWebEducationScreen {
+    /** A component that renders an SVG to illustrate the idea of the current screen. */
+    Graphic: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    /** A headless component that renders the title of the current screen. */
+    Title: ForwardRefExoticComponent<HeadlessComponentProps & RefAttributes<HTMLHeadingElement>>;
+    /** A headless component that renders the description text of the current screen. */
+    Description: ForwardRefExoticComponent<HeadlessComponentProps & RefAttributes<HTMLParagraphElement>>;
+    /** The index of the current education screen. */
+    screenIndex: number;
+    /** The total number of education screens. */
+    totalScreens: number;
+    /**
+     * An array of headless components for indicating the current screen of the set.
+     * Each indicator will navigate the user to the screen it represents when clicked.
+     */
+    screenIndicators: typeof educationScreenIndicators;
+    /**
+     * A function that navigates the user to the previous education screen.
+     * If the user is on the first education screen, they will be navigated to the
+     * initial wallet selection screen.
+     */
+    back: () => void;
+    /**
+     * A function that navigates the user to the next education screen.
+     * If the user is on the last education screen, they will be navigated to the
+     * initial wallet selection screen.
+     */
+    next: () => void;
+    /** A function that navigates the user to the initial wallet selection screen. */
+    cancel: () => void;
+}
+export interface AboutPetraWebProps {
+    /**
+     * A function for defining how each education screen should be rendered.
+     * Each screen is modeled as a uniform set of headless components and utilities
+     * that allow you to construct your UI and apply your own styles.
+     */
+    renderEducationScreen: (screen: AboutPetraWebEducationScreen) => ReactNode;
+    /**
+     * The initial wallet selection UI that will be replaced by the education
+     * screens when `AboutPetraWeb.Trigger` is clicked.
+     */
+    children?: ReactNode;
+}
+/**
+ * A headless component for rendering education screens that explain the basics
+ * of Petra Web and web3 wallets.
+ */
+export declare const AboutPetraWeb: {
+    ({ renderEducationScreen, children }: AboutPetraWebProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Trigger: ForwardRefExoticComponent<HeadlessComponentProps & RefAttributes<HTMLButtonElement>>;
+};
+export {};
+//# sourceMappingURL=AboutPetraWeb.d.ts.map

package/dist/components/AboutPetraWeb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutPetraWeb.d.ts","sourceRoot":"","sources":["../../src/components/AboutPetraWeb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EACzB,SAAS,EACT,aAAa,EACb,QAAQ,EAMT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,sBAAsB,EAA2B,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,qBAAqB,+DAC4B,CAAC;AA8D/D,QAAA,MAAM,yBAAyB,wFAoB5B,CAAC;AAEJ,MAAM,WAAW,4BAA4B;IAC3C,oFAAoF;IACpF,OAAO,EAAE,yBAAyB,CAChC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CACpE,CAAC;IACF,yEAAyE;IACzE,KAAK,EAAE,yBAAyB,CAC9B,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAC3D,CAAC;IACF,oFAAoF;IACpF,WAAW,EAAE,yBAAyB,CACpC,sBAAsB,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAC7D,CAAC;IACF,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,gBAAgB,EAAE,OAAO,yBAAyB,CAAC;IACnD;;;;OAIG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;;;OAIG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,iFAAiF;IACjF,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,qBAAqB,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,SAAS,CAAC;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmDD;;;GAGG;AACH,eAAO,MAAM,aAAa;0CArDyB,kBAAkB;;;;CAuDnE,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from "@aptos-labs/wallet-adapter-core";
 export * from "./WalletProvider";
 export * from "./components/AboutAptosConnect";
+export * from "./components/AboutPetraWeb";
 export * from "./components/AptosPrivacyPolicy";
 export * from "./components/WalletItem";
 export * from "./useWallet";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -72,9 +72,10 @@ var index_exports = {};
 __export(index_exports, {
   APTOS_PRIVACY_POLICY_URL: () => APTOS_PRIVACY_POLICY_URL,
   AboutAptosConnect: () => AboutAptosConnect,
+  AboutPetraWeb: () => AboutPetraWeb,
   AptosPrivacyPolicy: () => AptosPrivacyPolicy,
   AptosWalletAdapterProvider: () => AptosWalletAdapterProvider,
-  EXPLORE_ECOSYSTEM_URL: () => EXPLORE_ECOSYSTEM_URL,
+  EXPLORE_ECOSYSTEM_URL: () => EXPLORE_ECOSYSTEM_URL2,
   WalletContext: () => WalletContext,
   WalletItem: () => WalletItem,
   useWallet: () => useWallet
@@ -674,14 +675,126 @@ var AboutAptosConnect = Object.assign(Root, {
   Trigger
 });
 
+// src/components/AboutPetraWeb.tsx
+var import_react8 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var EXPLORE_ECOSYSTEM_URL2 = "https://aptosnetwork.com/ecosystem/directory/category/defi";
+var AboutPetraWebContext = (0, import_react8.createContext)(null);
+function useAboutPetraWebContext(displayName) {
+  const context = (0, import_react8.useContext)(AboutPetraWebContext);
+  if (!context) {
+    throw new Error(`\`${displayName}\` must be used within \`AboutPetraWeb\``);
+  }
+  return context;
+}
+var educationScreens2 = [
+  {
+    Graphic: LinkGraphic,
+    Title: createHeadlessComponent("EducationScreen.Title", "h3", {
+      children: "A better way to login."
+    }),
+    Description: createHeadlessComponent("EducationScreen.Description", "p", {
+      children: "Petra Web 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_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        "Petra Web lets you take one account across any application built on Aptos.",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "a",
+          {
+            href: EXPLORE_ECOSYSTEM_URL2,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Explore the ecosystem"
+          }
+        ),
+        "."
+      ] })
+    })
+  }
+];
+var educationScreenIndicators2 = Array(educationScreens2.length).fill(null).map(
+  (_, index) => createHeadlessComponent(
+    "AboutPetraWeb.ScreenIndicator",
+    "button",
+    (displayName) => {
+      const context = useAboutPetraWebContext(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 Root2 = ({ renderEducationScreen, children }) => {
+  const [screenIndex, setScreenIndex] = (0, import_react8.useState)(0);
+  const currentEducationScreen = (0, import_react8.useMemo)(
+    () => educationScreens2.map((screen, i) => __spreadProps(__spreadValues({}, screen), {
+      screenIndex: i,
+      totalScreens: educationScreens2.length,
+      screenIndicators: educationScreenIndicators2,
+      back: () => {
+        setScreenIndex(screenIndex - 1);
+      },
+      next: () => {
+        setScreenIndex(
+          screenIndex === educationScreens2.length ? 0 : screenIndex + 1
+        );
+      },
+      cancel: () => {
+        setScreenIndex(0);
+      }
+    }))[screenIndex - 1],
+    [screenIndex]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AboutPetraWebContext.Provider, { value: { screenIndex, setScreenIndex }, children: screenIndex === 0 ? children : renderEducationScreen(currentEducationScreen) });
+};
+Root2.displayName = "AboutPetraWeb";
+var Trigger2 = createHeadlessComponent(
+  "AboutPetraWeb.Trigger",
+  "button",
+  (displayName) => {
+    const context = useAboutPetraWebContext(displayName);
+    return {
+      onClick: () => {
+        context.setScreenIndex(1);
+      }
+    };
+  }
+);
+var AboutPetraWeb = Object.assign(Root2, {
+  Trigger: Trigger2
+});
+
 // src/components/AptosPrivacyPolicy.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/graphics/SmallAptosLogo.tsx
-var import_react8 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var SmallAptosLogo = (0, import_react8.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var import_react9 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SmallAptosLogo = (0, import_react9.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -690,7 +803,7 @@ var SmallAptosLogo = (0, import_react8.forwardRef)((props, ref) => {
       viewBox: "0 0 12 12",
       fill: "none"
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -705,9 +818,9 @@ var SmallAptosLogo = (0, import_react8.forwardRef)((props, ref) => {
 SmallAptosLogo.displayName = "SmallAptosLogo";
 
 // src/components/AptosPrivacyPolicy.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var APTOS_PRIVACY_POLICY_URL = "https://aptoslabs.com/privacy";
-var Root2 = createHeadlessComponent("AptosPrivacyPolicy.Root", "div");
+var Root3 = createHeadlessComponent("AptosPrivacyPolicy.Root", "div");
 var Disclaimer = createHeadlessComponent(
   "AptosPrivacyPolicy.Disclaimer",
   "span",
@@ -719,15 +832,15 @@ var Link = createHeadlessComponent("AptosPrivacyPolicy.Disclaimer", "a", {
   rel: "noopener noreferrer",
   children: "Privacy Policy"
 });
-var PoweredBy = (0, import_react9.forwardRef)(({ className }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ref, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Powered by" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SmallAptosLogo, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Aptos Labs" })
+var PoweredBy = (0, import_react10.forwardRef)(({ className }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Powered by" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SmallAptosLogo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Aptos Labs" })
   ] });
 });
 PoweredBy.displayName = "AptosPrivacyPolicy.PoweredBy";
-var AptosPrivacyPolicy = Object.assign(Root2, {
+var AptosPrivacyPolicy = Object.assign(Root3, {
   Disclaimer,
   Link,
   PoweredBy
@@ -736,20 +849,20 @@ var AptosPrivacyPolicy = Object.assign(Root2, {
 // 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_react10 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function useWalletItemContext(displayName) {
-  const context = (0, import_react10.useContext)(WalletItemContext);
+  const context = (0, import_react11.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)(
+var WalletItemContext = (0, import_react11.createContext)(null);
+var Root4 = (0, import_react11.forwardRef)(
   ({ wallet, onConnect, className, asChild, children }, ref) => {
     const { connect } = useWallet();
-    const connectWallet = (0, import_react10.useCallback)(() => {
+    const connectWallet = (0, import_react11.useCallback)(() => {
       connect(wallet.name);
       onConnect == null ? void 0 : onConnect();
     }, [connect, wallet.name, onConnect]);
@@ -757,10 +870,10 @@ var Root3 = (0, import_react10.forwardRef)(
     const mobileSupport = "deeplinkProvider" in wallet && wallet.deeplinkProvider;
     if (!isWalletReady && (0, import_wallet_adapter_core2.isRedirectable)() && !mobileSupport) return null;
     const Component = asChild ? import_react_slot2.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, { ref, className, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WalletItemContext.Provider, { value: { wallet, connectWallet }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { ref, className, children }) });
   }
 );
-Root3.displayName = "WalletItem";
+Root4.displayName = "WalletItem";
 var Icon = createHeadlessComponent(
   "WalletItem.Icon",
   "img",
@@ -778,7 +891,7 @@ var Name = createHeadlessComponent(
   (displayName) => {
     const context = useWalletItemContext(displayName);
     return {
-      children: `${context.wallet.name} - 2`
+      children: context.wallet.name
     };
   }
 );
@@ -806,7 +919,7 @@ var InstallLink = createHeadlessComponent(
     };
   }
 );
-var WalletItem = Object.assign(Root3, {
+var WalletItem = Object.assign(Root4, {
   Icon,
   Name,
   ConnectButton,
@@ -816,6 +929,7 @@ var WalletItem = Object.assign(Root3, {
 0 && (module.exports = {
   APTOS_PRIVACY_POLICY_URL,
   AboutAptosConnect,
+  AboutPetraWeb,
   AptosPrivacyPolicy,
   AptosWalletAdapterProvider,
   EXPLORE_ECOSYSTEM_URL,