@aptos-labs/wallet-adapter-mui-design 5.2.0 → 5.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @aptos-labs/wallet-adapter-mui-design
 
+## 5.3.0
+
+### Minor Changes
+
+- d2d308c: Bump @aptos-connect/wallet-adapter-plugin to 2.7.0
+- b3474b3: Update AC dns to web.petra.app
+- 499e03e: Rename aptos connect to petra web
+
+### Patch Changes
+
+- Updated dependencies [d2d308c]
+- Updated dependencies [b3474b3]
+- Updated dependencies [499e03e]
+  - @aptos-labs/wallet-adapter-react@7.2.0
+
 ## 5.2.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -7,12 +7,7 @@ interface WalletConnectorProps extends WalletSortingOptions {
     handleNavigate?: () => void;
     /** The max width of the wallet selector modal. Defaults to `xs`. */
     modalMaxWidth?: Breakpoint;
-    crossChainWallets?: {
-        evm: boolean;
-        solana: boolean;
-    };
 }
+declare function WalletConnector({ networkSupport, handleNavigate, modalMaxWidth, ...walletSortingOptions }: WalletConnectorProps): react_jsx_runtime.JSX.Element;
 
-declare function WalletConnector({ networkSupport, handleNavigate, modalMaxWidth, crossChainWallets, ...walletSortingOptions }: WalletConnectorProps): react_jsx_runtime.JSX.Element;
-
-export { WalletConnector };
+export { WalletConnector, type WalletConnectorProps };

package/dist/index.d.ts

@@ -7,12 +7,7 @@ interface WalletConnectorProps extends WalletSortingOptions {
     handleNavigate?: () => void;
     /** The max width of the wallet selector modal. Defaults to `xs`. */
     modalMaxWidth?: Breakpoint;
-    crossChainWallets?: {
-        evm: boolean;
-        solana: boolean;
-    };
 }
+declare function WalletConnector({ networkSupport, handleNavigate, modalMaxWidth, ...walletSortingOptions }: WalletConnectorProps): react_jsx_runtime.JSX.Element;
 
-declare function WalletConnector({ networkSupport, handleNavigate, modalMaxWidth, crossChainWallets, ...walletSortingOptions }: WalletConnectorProps): react_jsx_runtime.JSX.Element;
-
-export { WalletConnector };
+export { WalletConnector, type WalletConnectorProps };

package/dist/index.js

@@ -1,8 +1,6 @@
 "use strict";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -19,7 +17,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -228,95 +225,21 @@ function WalletsModal(_a) {
     handleClose,
     modalOpen,
     networkSupport,
-    modalMaxWidth,
-    crossChainWallets
+    modalMaxWidth
   } = _b, walletSortingOptions = __objRest(_b, [
     "handleClose",
     "modalOpen",
     "networkSupport",
-    "modalMaxWidth",
-    "crossChainWallets"
+    "modalMaxWidth"
   ]);
   const theme = (0, import_material3.useTheme)();
   const [expanded, setExpanded] = (0, import_react3.useState)(false);
-  const [tabValue, setTabValue] = (0, import_react3.useState)(0);
-  const handleTabChange = (event, newValue) => {
-    setTabValue(newValue);
-  };
   const { wallets = [], notDetectedWallets = [] } = (0, import_wallet_adapter_react3.useWallet)();
   const { aptosConnectWallets, availableWallets, installableWallets } = (0, import_wallet_adapter_react3.groupAndSortWallets)(
     [...wallets, ...notDetectedWallets],
     walletSortingOptions
   );
   const hasAptosConnectWallets = !!aptosConnectWallets.length;
-  const crossChainMode = crossChainWallets && (crossChainWallets.evm || crossChainWallets.solana);
-  const { evmWallets, solanaWallets, aptosWallets } = crossChainMode ? availableWallets.reduce(
-    (acc, wallet) => {
-      if (wallet.name.includes("Ethereum")) {
-        acc.evmWallets.push(wallet);
-      } else if (wallet.name.includes("Solana")) {
-        acc.solanaWallets.push(wallet);
-      } else {
-        acc.aptosWallets.push(wallet);
-      }
-      return acc;
-    },
-    { evmWallets: [], solanaWallets: [], aptosWallets: [] }
-  ) : { evmWallets: [], solanaWallets: [], aptosWallets: availableWallets };
-  const {
-    evmInstallableWallets,
-    solanaInstallableWallets,
-    aptosInstallableWallets
-  } = crossChainMode ? installableWallets.reduce(
-    (acc, wallet) => {
-      if (wallet.name.includes("Ethereum")) {
-        acc.evmInstallableWallets.push(wallet);
-      } else if (wallet.name.includes("Solana")) {
-        acc.solanaInstallableWallets.push(wallet);
-      } else {
-        acc.aptosInstallableWallets.push(wallet);
-      }
-      return acc;
-    },
-    {
-      evmInstallableWallets: [],
-      solanaInstallableWallets: [],
-      aptosInstallableWallets: []
-    }
-  ) : {
-    evmInstallableWallets: [],
-    solanaInstallableWallets: [],
-    aptosInstallableWallets: installableWallets
-  };
-  const tabsConfig = crossChainMode ? [
-    { key: "aptos", label: "Aptos", enabled: true },
-    { key: "solana", label: "Solana", enabled: crossChainWallets.solana },
-    { key: "evm", label: "Ethereum", enabled: crossChainWallets.evm }
-  ].filter((tab) => tab.enabled) : [];
-  const getTabIndex = (key) => tabsConfig.findIndex((tab) => tab.key === key);
-  const renderWalletList = (wallets2, installableWallets2) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    wallets2.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WalletRow, { wallet, onConnect: handleClose }, wallet.name)),
-    !!installableWallets2.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_material3.Button,
-        {
-          variant: "text",
-          size: "small",
-          onClick: () => setExpanded((prev) => !prev),
-          endIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.ExpandMore, { sx: { height: "20px", width: "20px" } }),
-          children: "More Wallets"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Stack, { sx: { gap: 1 }, children: installableWallets2.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        WalletRow,
-        {
-          wallet,
-          onConnect: handleClose
-        },
-        wallet.name
-      )) }) })
-    ] })
-  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_material3.Dialog,
     {
@@ -365,7 +288,7 @@ function WalletsModal(_a) {
                   },
                   children: hasAptosConnectWallets ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
                     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Log in or sign up" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "with Social + Aptos Connect" })
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "with Social + Petra Web" })
                   ] }) : "Connect Wallet"
                 }
               ),
@@ -449,7 +372,7 @@ function WalletsModal(_a) {
                             appearance: "none"
                           },
                           children: [
-                            "Aptos Connect ",
+                            "Petra Web ",
                             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.ArrowForward, { sx: { height: 16, width: 16 } })
                           ]
                         }
@@ -499,26 +422,36 @@ function WalletsModal(_a) {
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Divider, { sx: { color: grey[400], pt: 2 }, children: "Or" })
               ] }),
-              crossChainMode ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_material3.Tabs,
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Stack, { sx: { gap: 1 }, children: [
+                availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  WalletRow,
                   {
-                    value: tabValue,
-                    onChange: handleTabChange,
-                    textColor: "secondary",
-                    indicatorColor: "secondary",
-                    variant: "fullWidth",
-                    "aria-label": "cross chain wallets tabs",
-                    children: tabsConfig.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Tab, __spreadValues({ label: tab.label }, a11yProps(index)), tab.key))
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TabPanel, { value: tabValue, index: getTabIndex("aptos"), children: renderWalletList(aptosWallets, aptosInstallableWallets) }),
-                crossChainWallets.solana && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TabPanel, { value: tabValue, index: getTabIndex("solana"), children: renderWalletList(solanaWallets, solanaInstallableWallets) }),
-                crossChainWallets.evm && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TabPanel, { value: tabValue, index: getTabIndex("evm"), children: renderWalletList(evmWallets, evmInstallableWallets) })
-              ] }) : (
-                // Simple list mode (original WalletModel behavior)
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Stack, { sx: { gap: 1 }, children: renderWalletList(availableWallets, installableWallets) })
-              )
+                    wallet,
+                    onConnect: handleClose
+                  },
+                  wallet.name
+                )),
+                !!installableWallets.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    import_material3.Button,
+                    {
+                      variant: "text",
+                      size: "small",
+                      onClick: () => setExpanded((prev) => !prev),
+                      endIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.ExpandMore, { sx: { height: "20px", width: "20px" } }),
+                      children: "More Wallets"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Stack, { sx: { gap: 1 }, children: installableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    WalletRow,
+                    {
+                      wallet,
+                      onConnect: handleClose
+                    },
+                    wallet.name
+                  )) }) })
+                ] })
+              ] })
             ] })
           ]
         }
@@ -599,7 +532,7 @@ function renderEducationScreen(screen) {
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.IconButton, { onClick: screen.cancel, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material2.ArrowBack, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "body1", component: "h2", width: "100%", align: "center", children: "About Aptos Connect" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "body1", component: "h2", width: "100%", align: "center", children: "About Petra Web" })
         ]
       }
     ),
@@ -707,26 +640,6 @@ function renderEducationScreen(screen) {
     )
   ] });
 }
-function TabPanel(props) {
-  const _a = props, { children, value, index } = _a, other = __objRest(_a, ["children", "value", "index"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      role: "tabpanel",
-      hidden: value !== index,
-      id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`
-    }, other), {
-      children: value === index && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Stack, { sx: { gap: 1 }, children })
-    })
-  );
-}
-function a11yProps(index) {
-  return {
-    id: `simple-tab-${index}`,
-    "aria-controls": `simple-tabpanel-${index}`
-  };
-}
 
 // src/WalletConnector.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -734,13 +647,11 @@ function WalletConnector(_a) {
   var _b = _a, {
     networkSupport,
     handleNavigate,
-    modalMaxWidth,
-    crossChainWallets
+    modalMaxWidth
   } = _b, walletSortingOptions = __objRest(_b, [
     "networkSupport",
     "handleNavigate",
-    "modalMaxWidth",
-    "crossChainWallets"
+    "modalMaxWidth"
   ]);
   const [modalOpen, setModalOpen] = (0, import_react4.useState)(false);
   const handleModalOpen = () => setModalOpen(true);
@@ -759,8 +670,7 @@ function WalletConnector(_a) {
         handleClose,
         modalOpen,
         networkSupport,
-        modalMaxWidth,
-        crossChainWallets
+        modalMaxWidth
       }, walletSortingOptions)
     )
   ] });

package/dist/index.mjs

@@ -1,6 +1,4 @@
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -16,7 +14,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -203,8 +200,6 @@ import {
   ListItem as ListItem2,
   ListItemText as ListItemText2,
   Stack,
-  Tab,
-  Tabs,
   Typography as Typography2,
   useTheme
 } from "@mui/material";
@@ -239,95 +234,21 @@ function WalletsModal(_a) {
     handleClose,
     modalOpen,
     networkSupport,
-    modalMaxWidth,
-    crossChainWallets
+    modalMaxWidth
   } = _b, walletSortingOptions = __objRest(_b, [
     "handleClose",
     "modalOpen",
     "networkSupport",
-    "modalMaxWidth",
-    "crossChainWallets"
+    "modalMaxWidth"
   ]);
   const theme = useTheme();
   const [expanded, setExpanded] = useState3(false);
-  const [tabValue, setTabValue] = useState3(0);
-  const handleTabChange = (event, newValue) => {
-    setTabValue(newValue);
-  };
   const { wallets = [], notDetectedWallets = [] } = useWallet3();
   const { aptosConnectWallets, availableWallets, installableWallets } = groupAndSortWallets(
     [...wallets, ...notDetectedWallets],
     walletSortingOptions
   );
   const hasAptosConnectWallets = !!aptosConnectWallets.length;
-  const crossChainMode = crossChainWallets && (crossChainWallets.evm || crossChainWallets.solana);
-  const { evmWallets, solanaWallets, aptosWallets } = crossChainMode ? availableWallets.reduce(
-    (acc, wallet) => {
-      if (wallet.name.includes("Ethereum")) {
-        acc.evmWallets.push(wallet);
-      } else if (wallet.name.includes("Solana")) {
-        acc.solanaWallets.push(wallet);
-      } else {
-        acc.aptosWallets.push(wallet);
-      }
-      return acc;
-    },
-    { evmWallets: [], solanaWallets: [], aptosWallets: [] }
-  ) : { evmWallets: [], solanaWallets: [], aptosWallets: availableWallets };
-  const {
-    evmInstallableWallets,
-    solanaInstallableWallets,
-    aptosInstallableWallets
-  } = crossChainMode ? installableWallets.reduce(
-    (acc, wallet) => {
-      if (wallet.name.includes("Ethereum")) {
-        acc.evmInstallableWallets.push(wallet);
-      } else if (wallet.name.includes("Solana")) {
-        acc.solanaInstallableWallets.push(wallet);
-      } else {
-        acc.aptosInstallableWallets.push(wallet);
-      }
-      return acc;
-    },
-    {
-      evmInstallableWallets: [],
-      solanaInstallableWallets: [],
-      aptosInstallableWallets: []
-    }
-  ) : {
-    evmInstallableWallets: [],
-    solanaInstallableWallets: [],
-    aptosInstallableWallets: installableWallets
-  };
-  const tabsConfig = crossChainMode ? [
-    { key: "aptos", label: "Aptos", enabled: true },
-    { key: "solana", label: "Solana", enabled: crossChainWallets.solana },
-    { key: "evm", label: "Ethereum", enabled: crossChainWallets.evm }
-  ].filter((tab) => tab.enabled) : [];
-  const getTabIndex = (key) => tabsConfig.findIndex((tab) => tab.key === key);
-  const renderWalletList = (wallets2, installableWallets2) => /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    wallets2.map((wallet) => /* @__PURE__ */ jsx3(WalletRow, { wallet, onConnect: handleClose }, wallet.name)),
-    !!installableWallets2.length && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx3(
-        Button2,
-        {
-          variant: "text",
-          size: "small",
-          onClick: () => setExpanded((prev) => !prev),
-          endIcon: /* @__PURE__ */ jsx3(ExpandMore, { sx: { height: "20px", width: "20px" } }),
-          children: "More Wallets"
-        }
-      ),
-      /* @__PURE__ */ jsx3(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx3(Stack, { sx: { gap: 1 }, children: installableWallets2.map((wallet) => /* @__PURE__ */ jsx3(
-        WalletRow,
-        {
-          wallet,
-          onConnect: handleClose
-        },
-        wallet.name
-      )) }) })
-    ] })
-  ] });
   return /* @__PURE__ */ jsx3(
     Dialog,
     {
@@ -376,7 +297,7 @@ function WalletsModal(_a) {
                   },
                   children: hasAptosConnectWallets ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
                     /* @__PURE__ */ jsx3("span", { children: "Log in or sign up" }),
-                    /* @__PURE__ */ jsx3("span", { children: "with Social + Aptos Connect" })
+                    /* @__PURE__ */ jsx3("span", { children: "with Social + Petra Web" })
                   ] }) : "Connect Wallet"
                 }
               ),
@@ -460,7 +381,7 @@ function WalletsModal(_a) {
                             appearance: "none"
                           },
                           children: [
-                            "Aptos Connect ",
+                            "Petra Web ",
                             /* @__PURE__ */ jsx3(ArrowForward, { sx: { height: 16, width: 16 } })
                           ]
                         }
@@ -510,26 +431,36 @@ function WalletsModal(_a) {
                 ),
                 /* @__PURE__ */ jsx3(Divider, { sx: { color: grey[400], pt: 2 }, children: "Or" })
               ] }),
-              crossChainMode ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-                /* @__PURE__ */ jsx3(
-                  Tabs,
+              /* @__PURE__ */ jsxs3(Stack, { sx: { gap: 1 }, children: [
+                availableWallets.map((wallet) => /* @__PURE__ */ jsx3(
+                  WalletRow,
                   {
-                    value: tabValue,
-                    onChange: handleTabChange,
-                    textColor: "secondary",
-                    indicatorColor: "secondary",
-                    variant: "fullWidth",
-                    "aria-label": "cross chain wallets tabs",
-                    children: tabsConfig.map((tab, index) => /* @__PURE__ */ jsx3(Tab, __spreadValues({ label: tab.label }, a11yProps(index)), tab.key))
-                  }
-                ),
-                /* @__PURE__ */ jsx3(TabPanel, { value: tabValue, index: getTabIndex("aptos"), children: renderWalletList(aptosWallets, aptosInstallableWallets) }),
-                crossChainWallets.solana && /* @__PURE__ */ jsx3(TabPanel, { value: tabValue, index: getTabIndex("solana"), children: renderWalletList(solanaWallets, solanaInstallableWallets) }),
-                crossChainWallets.evm && /* @__PURE__ */ jsx3(TabPanel, { value: tabValue, index: getTabIndex("evm"), children: renderWalletList(evmWallets, evmInstallableWallets) })
-              ] }) : (
-                // Simple list mode (original WalletModel behavior)
-                /* @__PURE__ */ jsx3(Stack, { sx: { gap: 1 }, children: renderWalletList(availableWallets, installableWallets) })
-              )
+                    wallet,
+                    onConnect: handleClose
+                  },
+                  wallet.name
+                )),
+                !!installableWallets.length && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                  /* @__PURE__ */ jsx3(
+                    Button2,
+                    {
+                      variant: "text",
+                      size: "small",
+                      onClick: () => setExpanded((prev) => !prev),
+                      endIcon: /* @__PURE__ */ jsx3(ExpandMore, { sx: { height: "20px", width: "20px" } }),
+                      children: "More Wallets"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx3(Collapse, { in: expanded, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx3(Stack, { sx: { gap: 1 }, children: installableWallets.map((wallet) => /* @__PURE__ */ jsx3(
+                    WalletRow,
+                    {
+                      wallet,
+                      onConnect: handleClose
+                    },
+                    wallet.name
+                  )) }) })
+                ] })
+              ] })
             ] })
           ]
         }
@@ -610,7 +541,7 @@ function renderEducationScreen(screen) {
         },
         children: [
           /* @__PURE__ */ jsx3(IconButton, { onClick: screen.cancel, children: /* @__PURE__ */ jsx3(ArrowBack, {}) }),
-          /* @__PURE__ */ jsx3(Typography2, { variant: "body1", component: "h2", width: "100%", align: "center", children: "About Aptos Connect" })
+          /* @__PURE__ */ jsx3(Typography2, { variant: "body1", component: "h2", width: "100%", align: "center", children: "About Petra Web" })
         ]
       }
     ),
@@ -718,26 +649,6 @@ function renderEducationScreen(screen) {
     )
   ] });
 }
-function TabPanel(props) {
-  const _a = props, { children, value, index } = _a, other = __objRest(_a, ["children", "value", "index"]);
-  return /* @__PURE__ */ jsx3(
-    "div",
-    __spreadProps(__spreadValues({
-      role: "tabpanel",
-      hidden: value !== index,
-      id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`
-    }, other), {
-      children: value === index && /* @__PURE__ */ jsx3(Stack, { sx: { gap: 1 }, children })
-    })
-  );
-}
-function a11yProps(index) {
-  return {
-    id: `simple-tab-${index}`,
-    "aria-controls": `simple-tabpanel-${index}`
-  };
-}
 
 // src/WalletConnector.tsx
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -745,13 +656,11 @@ function WalletConnector(_a) {
   var _b = _a, {
     networkSupport,
     handleNavigate,
-    modalMaxWidth,
-    crossChainWallets
+    modalMaxWidth
   } = _b, walletSortingOptions = __objRest(_b, [
     "networkSupport",
     "handleNavigate",
-    "modalMaxWidth",
-    "crossChainWallets"
+    "modalMaxWidth"
   ]);
   const [modalOpen, setModalOpen] = useState4(false);
   const handleModalOpen = () => setModalOpen(true);
@@ -770,8 +679,7 @@ function WalletConnector(_a) {
         handleClose,
         modalOpen,
         networkSupport,
-        modalMaxWidth,
-        crossChainWallets
+        modalMaxWidth
       }, walletSortingOptions)
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-mui-design",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "Aptos Wallet Adapter mui design",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -41,7 +41,7 @@
     "@emotion/styled": "^11.10.5",
     "@mui/icons-material": "^5.11.0",
     "@mui/material": "^5.11.6",
-    "@aptos-labs/wallet-adapter-react": "7.1.3"
+    "@aptos-labs/wallet-adapter-react": "7.2.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/WalletModel.tsx

@@ -224,7 +224,7 @@ export default function WalletsModal({
             {hasAptosConnectWallets ? (
               <>
                 <span>Log in or sign up</span>
-                <span>with Social + Aptos Connect</span>
+                <span>with Social + Petra Web</span>
               </>
             ) : (
               "Connect Wallet"
@@ -297,7 +297,7 @@ export default function WalletsModal({
                     appearance: "none",
                   }}
                 >
-                  Aptos Connect <ArrowForward sx={{ height: 16, width: 16 }} />
+                  Petra Web <ArrowForward sx={{ height: 16, width: 16 }} />
                 </Box>
               </Typography>
 
@@ -465,7 +465,7 @@ function renderEducationScreen(screen: AboutAptosConnectEducationScreen) {
           <ArrowBack />
         </IconButton>
         <Typography variant="body1" component="h2" width="100%" align="center">
-          About Aptos Connect
+          About Petra Web
         </Typography>
       </Box>