@xyo-network/react-chain-network 1.0.13 → 1.1.1

package/dist/browser/index.mjs

@@ -1,45 +1,9 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// src/components/menu/Icon.tsx
-import { Icon } from "@mui/material";
-import React from "react";
-var NetworkIcon = /* @__PURE__ */ __name(({ icon, ...props }) => {
-  return /* @__PURE__ */ React.createElement(Icon, {
-    sx: {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    ref: /* @__PURE__ */ __name((ref) => {
-      if (ref && icon) {
-        ref.innerHTML = icon;
-      }
-    }, "ref"),
-    ...props
-  });
-}, "NetworkIcon");
-
-// src/components/menu/MenuItem.tsx
-import { ListItemText } from "@mui/material";
-import { ActiveMenuItem } from "@xyo-network/react-chain-shared";
-import React2 from "react";
-var NetworkMenuItem = /* @__PURE__ */ __name(({ active, network, onClick, updateActiveNetwork, ...props }) => {
-  const handleClick = /* @__PURE__ */ __name((event) => {
-    if (network === void 0) throw new Error("Network is undefined");
-    updateActiveNetwork?.(network.id);
-    onClick?.(event);
-  }, "handleClick");
-  return /* @__PURE__ */ React2.createElement(ActiveMenuItem, {
-    title: network?.name,
-    disableRipple: true,
-    onClick: handleClick,
-    active,
-    ...props
-  }, /* @__PURE__ */ React2.createElement(NetworkIcon, {
-    icon: network?.icon
-  }), /* @__PURE__ */ React2.createElement(ListItemText, null, network?.name));
-}, "NetworkMenuItem");
+// src/components/menu/Avatar.tsx
+import { Avatar } from "@mui/material";
+import React6 from "react";
 
 // src/context/network/context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -48,7 +12,7 @@ var ChainNetworkContext = createContextEx();
 // src/context/network/Provider.tsx
 import { ErrorRender } from "@xylabs/react-error";
 import { usePromise } from "@xylabs/react-promise";
-import React5, { useCallback, useMemo, useState } from "react";
+import React4, { useCallback, useMemo, useState } from "react";
 
 // src/helpers/getBridgedNodes.ts
 var bridgedNodeMap = /* @__PURE__ */ new Map();
@@ -57,7 +21,7 @@ var getBridgedNodes = /* @__PURE__ */ __name(() => {
 }, "getBridgedNodes");
 
 // src/helpers/initNetworkNode.ts
-import { initBridge } from "@xyo-network/chain-sdk";
+import { initBridge } from "@xyo-network/chain-orchestration";
 
 // src/helpers/getNetworkNode.ts
 import { HDWallet } from "@xyo-network/account";
@@ -106,11 +70,11 @@ var initNetworkNode = /* @__PURE__ */ __name(async (activeNetwork) => {
 
 // src/images/icons/LocalNetwork.tsx
 import { createSvgIcon } from "@mui/material";
-import React3 from "react";
-var LocalNetworkIcon = createSvgIcon(/* @__PURE__ */ React3.createElement("svg", {
+import React from "react";
+var LocalNetworkIcon = createSvgIcon(/* @__PURE__ */ React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 -960 960 960"
-}, /* @__PURE__ */ React3.createElement("path", {
+}, /* @__PURE__ */ React.createElement("path", {
   fill: "currentColor",
   d: "M40-120v-80h880v80H40Zm120-120q-33 0-56.5-23.5T80-320v-440q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v440q0 33-23.5 56.5T800-240H160Zm0-80h640v-440H160v440Zm0 0v-440 440Z"
 })), "LocalNetworkIcon");
@@ -120,52 +84,172 @@ var LocalNetworkIconString = `
   </svg>
 `;
 
-// src/images/icons/xyoColorLogo.tsx
+// src/images/icons/mainnet/xl1-mainnet.tsx
 import { createSvgIcon as createSvgIcon2 } from "@mui/material";
-import React4 from "react";
-var XyoColorLogo = createSvgIcon2(/* @__PURE__ */ React4.createElement("svg", {
+import React2 from "react";
+var xl1Mainnet = createSvgIcon2(/* @__PURE__ */ React2.createElement("svg", {
+  id: "Layer_1",
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 256 238"
-}, /* @__PURE__ */ React4.createElement("path", {
-  className: "cls-1",
-  d: "M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z",
-  fill: "#8d8fc6"
-}), /* @__PURE__ */ React4.createElement("path", {
-  className: "cls-2",
-  d: "M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z",
-  fill: "#579fd6"
-}), /* @__PURE__ */ React4.createElement("path", {
-  className: "cls-3",
-  d: "M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z",
-  fill: "#f27046"
-}), /* @__PURE__ */ React4.createElement("path", {
-  className: "cls-4",
-  d: "M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z",
-  fill: "#eb407a"
-})), "XyoColorLogo");
-var XyoColorLogoString = `
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 238">
-    <path
-      className="cls-1"
-      d="M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z"
-      fill="#8d8fc6"
-    />
-    <path
-      className="cls-2"
-      d="M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z"
-      fill="#579fd6"
-    />
-    <path
-      className="cls-3"
-      d="M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z"
-      fill="#f27046"
-    />
-    <path
-      className="cls-4"
-      d="M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z"
-      fill="#eb407a"
-    />
-  </svg>
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  viewBox: "0 0 256 256"
+}, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("linearGradient", {
+  id: "mainnet-linear-gradient",
+  x1: "14.52",
+  y1: "172.25",
+  x2: "172.25",
+  y2: "14.52",
+  gradientUnits: "userSpaceOnUse"
+}, /* @__PURE__ */ React2.createElement("stop", {
+  offset: "0",
+  stopColor: "#572aff"
+}), /* @__PURE__ */ React2.createElement("stop", {
+  offset: "1",
+  stopColor: "#7c82d8"
+})), /* @__PURE__ */ React2.createElement("linearGradient", {
+  id: "mainnet-linear-gradient-2",
+  x1: "73.92",
+  y1: "231.66",
+  x2: "231.66",
+  y2: "73.92",
+  xlinkHref: "#mainnet-linear-gradient"
+}), /* @__PURE__ */ React2.createElement("linearGradient", {
+  id: "mainnet-linear-gradient-3",
+  x1: "-7.8",
+  y1: "149.93",
+  x2: "149.93",
+  y2: "-7.8",
+  xlinkHref: "#mainnet-linear-gradient"
+}), /* @__PURE__ */ React2.createElement("linearGradient", {
+  id: "mainnet-linear-gradient-4",
+  x1: "59.4",
+  y1: "217.13",
+  x2: "217.13",
+  y2: "59.4",
+  xlinkHref: "#mainnet-linear-gradient"
+}), /* @__PURE__ */ React2.createElement("linearGradient", {
+  id: "mainnet-linear-gradient-5",
+  x1: "159.35",
+  y1: "79.63",
+  x2: "96.57",
+  y2: "176.29",
+  xlinkHref: "#mainnet-linear-gradient"
+})), /* @__PURE__ */ React2.createElement("path", {
+  fill: "none",
+  d: "M186.66,85.35c-5.97-8.18-13.6-15.07-22.4-20.17-10.68-6.19-23.06-9.75-36.26-9.75s-25.58,3.56-36.26,9.75c-8.8,5.1-16.43,11.99-22.4,20.17-4.46,6.12-7.99,12.96-10.38,20.32-2.07,6.38-3.27,13.15-3.48,20.17-.02.72-.05,1.43-.05,2.16,0,40.01,32.56,72.57,72.57,72.57s72.57-32.56,72.57-72.57c0-.72-.03-1.44-.05-2.16-.21-7.02-1.41-13.79-3.48-20.17-2.38-7.35-5.91-14.19-10.38-20.32ZM150.31,139.08c6.47,4.14,14.84,5.55,19.59,12.09,9.49,13.07-4.75,28.95-18.78,19.89-8.36-5.4-9.7-16.12-15.65-23.25-5.39-6.45-11.23-5.21-15.78,1.25-5.14,7.31-7.11,17.48-15.28,22.33-15.49,9.19-29.67-10.89-15.62-23.03,6.67-5.76,24.82-9.57,24.99-20.21.16-10.07-16.21-14.45-22.86-18.78-8.83-5.74-11.34-19.34-1.26-25.16,9.9-5.72,19.09,2.39,23.68,10.7,3.44,6.24,8.65,21.97,18.55,16.52,7.29-4.01,9.94-19.23,18.23-25.49,13.22-9.98,28.82,3.35,20.39,17.8-4.93,8.45-17.06,9.5-24.04,16.25-7.51,7.26-3.78,14.21,3.83,19.08Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient)",
+  d: "M128,55.43c13.2,0,25.58,3.56,36.26,9.75h45.83l-15.93-27.59c-4.32-7.48-12.3-12.09-20.94-12.09h-90.43c-8.64,0-16.62,4.61-20.94,12.09l-15.93,27.59h45.83c10.68-6.19,23.06-9.75,36.26-9.75Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient-2)",
+  d: "M197.04,105.67h36.43l-11.73-20.32h-35.07c4.46,6.12,7.99,12.96,10.38,20.32Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient-4)",
+  d: "M69.34,85.35h-35.07l-11.73,20.32h36.43c2.38-7.35,5.91-14.19,10.38-20.32Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "fill:url(#mainnet-linear-gradient-4)",
+  d: "M200.51,125.84c.02.72.05,1.43.05,2.16,0,40.01-32.56,72.57-72.57,72.57s-72.57-32.56-72.57-72.57c0-.72.03-1.44.05-2.16H13.49c-.44,4.88.6,9.86,3.13,14.25l45.22,78.32c4.32,7.48,12.3,12.09,20.94,12.09h90.43c8.64,0,16.62-4.61,20.94-12.09l45.22-78.32c2.53-4.39,3.57-9.37,3.13-14.25h-41.99Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  className: "mainnet-cls-2",
+  d: "M146.47,119.99c6.99-6.76,19.12-7.8,24.04-16.25,8.42-14.45-7.18-27.78-20.39-17.8-8.29,6.26-10.94,21.47-18.23,25.49-9.91,5.45-15.11-10.29-18.55-16.52-4.59-8.31-13.78-16.42-23.68-10.7-10.09,5.83-7.57,19.42,1.26,25.16,6.66,4.33,23.02,8.71,22.86,18.78-.17,10.64-18.33,14.45-24.99,20.21-14.05,12.14.13,32.23,15.62,23.03,8.17-4.85,10.14-15.02,15.28-22.33,4.55-6.47,10.4-7.7,15.78-1.25,5.95,7.13,7.29,17.85,15.65,23.25,14.02,9.06,28.26-6.82,18.78-19.89-4.75-6.54-13.12-7.95-19.59-12.09-7.61-4.87-11.35-11.82-3.83-19.08Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient-5)",
+  d: "M186.66,85.35h35.07l-11.65-20.17h-45.83c8.8,5.1,16.43,11.99,22.4,20.17Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient-5)",
+  d: "M91.74,65.18h-45.83l-11.65,20.17h35.07c5.97-8.18,13.6-15.07,22.4-20.17Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient-5)",
+  d: "M58.96,105.67H22.53l-5.91,10.24c-1.79,3.1-2.82,6.49-3.13,9.93h41.99c.21-7.02,1.41-13.79,3.48-20.17Z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  fill: "url(#mainnet-linear-gradient-5)",
+  d: "M200.51,125.84h41.99c-.31-3.44-1.34-6.84-3.13-9.93l-5.91-10.24h-36.43c2.07,6.38,3.27,13.15,3.48,20.17Z"
+})), "xl1Mainnet");
+var xl1MainnetString = `
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><style>.mainnet-cls-1{fill:none;}.mainnet-cls-2{fill:url(#mainnet-linear-gradient-5);}.mainnet-cls-3{fill:url(#mainnet-linear-gradient-4);}.mainnet-cls-4{fill:url(#mainnet-linear-gradient-3);}.mainnet-cls-5{fill:url(#mainnet-linear-gradient-2);}.mainnet-cls-6{fill:url(#mainnet-linear-gradient);}.mainnet-cls-7{fill:#fff;}</style><linearGradient id="mainnet-linear-gradient" x1="14.52" y1="172.25" x2="172.25" y2="14.52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#572aff"/><stop offset="1" stop-color="#7c82d8"/></linearGradient><linearGradient id="mainnet-linear-gradient-2" x1="73.92" y1="231.66" x2="231.66" y2="73.92" xlink:href="#mainnet-linear-gradient"/><linearGradient id="mainnet-linear-gradient-3" x1="-7.8" y1="149.93" x2="149.93" y2="-7.8" xlink:href="#mainnet-linear-gradient"/><linearGradient id="mainnet-linear-gradient-4" x1="59.4" y1="217.13" x2="217.13" y2="59.4" xlink:href="#mainnet-linear-gradient"/><linearGradient id="mainnet-linear-gradient-5" x1="159.35" y1="79.63" x2="96.57" y2="176.29" xlink:href="#mainnet-linear-gradient"/></defs><path class="mainnet-cls-1" d="M186.66,85.35c-5.97-8.18-13.6-15.07-22.4-20.17-10.68-6.19-23.06-9.75-36.26-9.75s-25.58,3.56-36.26,9.75c-8.8,5.1-16.43,11.99-22.4,20.17-4.46,6.12-7.99,12.96-10.38,20.32-2.07,6.38-3.27,13.15-3.48,20.17-.02.72-.05,1.43-.05,2.16,0,40.01,32.56,72.57,72.57,72.57s72.57-32.56,72.57-72.57c0-.72-.03-1.44-.05-2.16-.21-7.02-1.41-13.79-3.48-20.17-2.38-7.35-5.91-14.19-10.38-20.32ZM150.31,139.08c6.47,4.14,14.84,5.55,19.59,12.09,9.49,13.07-4.75,28.95-18.78,19.89-8.36-5.4-9.7-16.12-15.65-23.25-5.39-6.45-11.23-5.21-15.78,1.25-5.14,7.31-7.11,17.48-15.28,22.33-15.49,9.19-29.67-10.89-15.62-23.03,6.67-5.76,24.82-9.57,24.99-20.21.16-10.07-16.21-14.45-22.86-18.78-8.83-5.74-11.34-19.34-1.26-25.16,9.9-5.72,19.09,2.39,23.68,10.7,3.44,6.24,8.65,21.97,18.55,16.52,7.29-4.01,9.94-19.23,18.23-25.49,13.22-9.98,28.82,3.35,20.39,17.8-4.93,8.45-17.06,9.5-24.04,16.25-7.51,7.26-3.78,14.21,3.83,19.08Z"/><path class="mainnet-cls-6" d="M128,55.43c13.2,0,25.58,3.56,36.26,9.75h45.83l-15.93-27.59c-4.32-7.48-12.3-12.09-20.94-12.09h-90.43c-8.64,0-16.62,4.61-20.94,12.09l-15.93,27.59h45.83c10.68-6.19,23.06-9.75,36.26-9.75Z"/><path class="mainnet-cls-5" d="M197.04,105.67h36.43l-11.73-20.32h-35.07c4.46,6.12,7.99,12.96,10.38,20.32Z"/><path class="mainnet-cls-4" d="M69.34,85.35h-35.07l-11.73,20.32h36.43c2.38-7.35,5.91-14.19,10.38-20.32Z"/><path class="mainnet-cls-3" d="M200.51,125.84c.02.72.05,1.43.05,2.16,0,40.01-32.56,72.57-72.57,72.57s-72.57-32.56-72.57-72.57c0-.72.03-1.44.05-2.16H13.49c-.44,4.88.6,9.86,3.13,14.25l45.22,78.32c4.32,7.48,12.3,12.09,20.94,12.09h90.43c8.64,0,16.62-4.61,20.94-12.09l45.22-78.32c2.53-4.39,3.57-9.37,3.13-14.25h-41.99Z"/><path class="mainnet-cls-2" d="M146.47,119.99c6.99-6.76,19.12-7.8,24.04-16.25,8.42-14.45-7.18-27.78-20.39-17.8-8.29,6.26-10.94,21.47-18.23,25.49-9.91,5.45-15.11-10.29-18.55-16.52-4.59-8.31-13.78-16.42-23.68-10.7-10.09,5.83-7.57,19.42,1.26,25.16,6.66,4.33,23.02,8.71,22.86,18.78-.17,10.64-18.33,14.45-24.99,20.21-14.05,12.14.13,32.23,15.62,23.03,8.17-4.85,10.14-15.02,15.28-22.33,4.55-6.47,10.4-7.7,15.78-1.25,5.95,7.13,7.29,17.85,15.65,23.25,14.02,9.06,28.26-6.82,18.78-19.89-4.75-6.54-13.12-7.95-19.59-12.09-7.61-4.87-11.35-11.82-3.83-19.08Z"/><path class="mainnet-cls-7" d="M186.66,85.35h35.07l-11.65-20.17h-45.83c8.8,5.1,16.43,11.99,22.4,20.17Z"/><path class="mainnet-cls-7" d="M91.74,65.18h-45.83l-11.65,20.17h35.07c5.97-8.18,13.6-15.07,22.4-20.17Z"/><path class="mainnet-cls-7" d="M58.96,105.67H22.53l-5.91,10.24c-1.79,3.1-2.82,6.49-3.13,9.93h41.99c.21-7.02,1.41-13.79,3.48-20.17Z"/><path class="mainnet-cls-7" d="M200.51,125.84h41.99c-.31-3.44-1.34-6.84-3.13-9.93l-5.91-10.24h-36.43c2.07,6.38,3.27,13.15,3.48,20.17Z"/></svg>
+`;
+
+// src/images/icons/testnet/xl1-testnet.tsx
+import { createSvgIcon as createSvgIcon3 } from "@mui/material";
+import React3 from "react";
+var xl1Testnet = createSvgIcon3(/* @__PURE__ */ React3.createElement("svg", {
+  id: "Layer_1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  viewBox: "0 0 256 256"
+}, /* @__PURE__ */ React3.createElement("defs", null, /* @__PURE__ */ React3.createElement("linearGradient", {
+  id: "testnet-linear-gradient",
+  x1: "14.52",
+  y1: "172.25",
+  x2: "172.25",
+  y2: "14.52",
+  gradientUnits: "userSpaceOnUse"
+}, /* @__PURE__ */ React3.createElement("stop", {
+  offset: "0",
+  stopColor: "#f74504"
+}), /* @__PURE__ */ React3.createElement("stop", {
+  offset: "1",
+  stopColor: "#f79e04"
+})), /* @__PURE__ */ React3.createElement("linearGradient", {
+  id: "testnet-linear-gradient-2",
+  x1: "73.92",
+  y1: "231.66",
+  x2: "231.66",
+  y2: "73.92",
+  xlinkHref: "#testnet-linear-gradient"
+}), /* @__PURE__ */ React3.createElement("linearGradient", {
+  id: "testnet-linear-gradient-3",
+  x1: "-7.8",
+  y1: "149.93",
+  x2: "149.93",
+  y2: "-7.8",
+  xlinkHref: "#testnet-linear-gradient"
+}), /* @__PURE__ */ React3.createElement("linearGradient", {
+  id: "testnet-linear-gradient-4",
+  x1: "59.4",
+  y1: "217.13",
+  x2: "217.13",
+  y2: "59.4",
+  xlinkHref: "#testnet-linear-gradient"
+}), /* @__PURE__ */ React3.createElement("linearGradient", {
+  id: "testnet-linear-gradient-5",
+  x1: "159.35",
+  y1: "79.63",
+  x2: "96.57",
+  y2: "176.29",
+  xlinkHref: "#testnet-linear-gradient"
+})), /* @__PURE__ */ React3.createElement("path", {
+  fill: "none",
+  d: "M186.66,85.35c-5.97-8.18-13.6-15.07-22.4-20.17-10.68-6.19-23.06-9.75-36.26-9.75s-25.58,3.56-36.26,9.75c-8.8,5.1-16.43,11.99-22.4,20.17-4.46,6.12-7.99,12.96-10.38,20.32-2.07,6.38-3.27,13.15-3.48,20.17-.02.72-.05,1.43-.05,2.16,0,40.01,32.56,72.57,72.57,72.57s72.57-32.56,72.57-72.57c0-.72-.03-1.44-.05-2.16-.21-7.02-1.41-13.79-3.48-20.17-2.38-7.35-5.91-14.19-10.38-20.32ZM150.31,139.08c6.47,4.14,14.84,5.55,19.59,12.09,9.49,13.07-4.75,28.95-18.78,19.89-8.36-5.4-9.7-16.12-15.65-23.25-5.39-6.45-11.23-5.21-15.78,1.25-5.14,7.31-7.11,17.48-15.28,22.33-15.49,9.19-29.67-10.89-15.62-23.03,6.67-5.76,24.82-9.57,24.99-20.21.16-10.07-16.21-14.45-22.86-18.78-8.83-5.74-11.34-19.34-1.26-25.16,9.9-5.72,19.09,2.39,23.68,10.7,3.44,6.24,8.65,21.97,18.55,16.52,7.29-4.01,9.94-19.23,18.23-25.49,13.22-9.98,28.82,3.35,20.39,17.8-4.93,8.45-17.06,9.5-24.04,16.25-7.51,7.26-3.78,14.21,3.83,19.08Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "url(#testnet-linear-gradient)",
+  d: "M128,55.43c13.2,0,25.58,3.56,36.26,9.75h45.83l-15.93-27.59c-4.32-7.48-12.3-12.09-20.94-12.09h-90.43c-8.64,0-16.62,4.61-20.94,12.09l-15.93,27.59h45.83c10.68-6.19,23.06-9.75,36.26-9.75Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "url(#testnet-linear-gradient-2",
+  d: "M197.04,105.67h36.43l-11.73-20.32h-35.07c4.46,6.12,7.99,12.96,10.38,20.32Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "url(#testnet-linear-gradient-3",
+  d: "M69.34,85.35h-35.07l-11.73,20.32h36.43c2.38-7.35,5.91-14.19,10.38-20.32Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "url(#testnet-linear-gradient-4",
+  d: "M200.51,125.84c.02.72.05,1.43.05,2.16,0,40.01-32.56,72.57-72.57,72.57s-72.57-32.56-72.57-72.57c0-.72.03-1.44.05-2.16H13.49c-.44,4.88.6,9.86,3.13,14.25l45.22,78.32c4.32,7.48,12.3,12.09,20.94,12.09h90.43c8.64,0,16.62-4.61,20.94-12.09l45.22-78.32c2.53-4.39,3.57-9.37,3.13-14.25h-41.99Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "url(#testnet-linear-gradient-5",
+  d: "M146.47,119.99c6.99-6.76,19.12-7.8,24.04-16.25,8.42-14.45-7.18-27.78-20.39-17.8-8.29,6.26-10.94,21.47-18.23,25.49-9.91,5.45-15.11-10.29-18.55-16.52-4.59-8.31-13.78-16.42-23.68-10.7-10.09,5.83-7.57,19.42,1.26,25.16,6.66,4.33,23.02,8.71,22.86,18.78-.17,10.64-18.33,14.45-24.99,20.21-14.05,12.14.13,32.23,15.62,23.03,8.17-4.85,10.14-15.02,15.28-22.33,4.55-6.47,10.4-7.7,15.78-1.25,5.95,7.13,7.29,17.85,15.65,23.25,14.02,9.06,28.26-6.82,18.78-19.89-4.75-6.54-13.12-7.95-19.59-12.09-7.61-4.87-11.35-11.82-3.83-19.08Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "#fff",
+  d: "M186.66,85.35h35.07l-11.65-20.17h-45.83c8.8,5.1,16.43,11.99,22.4,20.17Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "#fff",
+  d: "M91.74,65.18h-45.83l-11.65,20.17h35.07c5.97-8.18,13.6-15.07,22.4-20.17Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "#fff",
+  d: "M58.96,105.67H22.53l-5.91,10.24c-1.79,3.1-2.82,6.49-3.13,9.93h41.99c.21-7.02,1.41-13.79,3.48-20.17Z"
+}), /* @__PURE__ */ React3.createElement("path", {
+  fill: "#fff",
+  d: "M200.51,125.84h41.99c-.31-3.44-1.34-6.84-3.13-9.93l-5.91-10.24h-36.43c2.07,6.38,3.27,13.15,3.48,20.17Z"
+})), "xl1Testnet");
+var xl1TestnetString = `
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><style>.testnet-cls-1{fill:none;}.testnet-cls-2{fill:url(#testnet-linear-gradient-5);}.testnet-cls-3{fill:url(#testnet-linear-gradient-4);}.testnet-cls-4{fill:url(#testnet-linear-gradient-3);}.testnet-cls-5{fill:url(#testnet-linear-gradient-2);}.testnet-cls-6{fill:url(#testnet-linear-gradient);}.testnet-cls-7{fill:#fff;}</style><linearGradient id="testnet-linear-gradient" x1="14.52" y1="172.25" x2="172.25" y2="14.52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f74504"/><stop offset="1" stop-color="#f79e04"/></linearGradient><linearGradient id="testnet-linear-gradient-2" x1="73.92" y1="231.66" x2="231.66" y2="73.92" xlink:href="#testnet-linear-gradient"/><linearGradient id="testnet-linear-gradient-3" x1="-7.8" y1="149.93" x2="149.93" y2="-7.8" xlink:href="#testnet-linear-gradient"/><linearGradient id="testnet-linear-gradient-4" x1="59.4" y1="217.13" x2="217.13" y2="59.4" xlink:href="#testnet-linear-gradient"/><linearGradient id="testnet-linear-gradient-5" x1="159.35" y1="79.63" x2="96.57" y2="176.29" xlink:href="#testnet-linear-gradient"/></defs><path class="testnet-cls-1" d="M186.66,85.35c-5.97-8.18-13.6-15.07-22.4-20.17-10.68-6.19-23.06-9.75-36.26-9.75s-25.58,3.56-36.26,9.75c-8.8,5.1-16.43,11.99-22.4,20.17-4.46,6.12-7.99,12.96-10.38,20.32-2.07,6.38-3.27,13.15-3.48,20.17-.02.72-.05,1.43-.05,2.16,0,40.01,32.56,72.57,72.57,72.57s72.57-32.56,72.57-72.57c0-.72-.03-1.44-.05-2.16-.21-7.02-1.41-13.79-3.48-20.17-2.38-7.35-5.91-14.19-10.38-20.32ZM150.31,139.08c6.47,4.14,14.84,5.55,19.59,12.09,9.49,13.07-4.75,28.95-18.78,19.89-8.36-5.4-9.7-16.12-15.65-23.25-5.39-6.45-11.23-5.21-15.78,1.25-5.14,7.31-7.11,17.48-15.28,22.33-15.49,9.19-29.67-10.89-15.62-23.03,6.67-5.76,24.82-9.57,24.99-20.21.16-10.07-16.21-14.45-22.86-18.78-8.83-5.74-11.34-19.34-1.26-25.16,9.9-5.72,19.09,2.39,23.68,10.7,3.44,6.24,8.65,21.97,18.55,16.52,7.29-4.01,9.94-19.23,18.23-25.49,13.22-9.98,28.82,3.35,20.39,17.8-4.93,8.45-17.06,9.5-24.04,16.25-7.51,7.26-3.78,14.21,3.83,19.08Z"/><path class="testnet-cls-6" d="M128,55.43c13.2,0,25.58,3.56,36.26,9.75h45.83l-15.93-27.59c-4.32-7.48-12.3-12.09-20.94-12.09h-90.43c-8.64,0-16.62,4.61-20.94,12.09l-15.93,27.59h45.83c10.68-6.19,23.06-9.75,36.26-9.75Z"/><path class="testnet-cls-5" d="M197.04,105.67h36.43l-11.73-20.32h-35.07c4.46,6.12,7.99,12.96,10.38,20.32Z"/><path class="testnet-cls-4" d="M69.34,85.35h-35.07l-11.73,20.32h36.43c2.38-7.35,5.91-14.19,10.38-20.32Z"/><path class="testnet-cls-3" d="M200.51,125.84c.02.72.05,1.43.05,2.16,0,40.01-32.56,72.57-72.57,72.57s-72.57-32.56-72.57-72.57c0-.72.03-1.44.05-2.16H13.49c-.44,4.88.6,9.86,3.13,14.25l45.22,78.32c4.32,7.48,12.3,12.09,20.94,12.09h90.43c8.64,0,16.62-4.61,20.94-12.09l45.22-78.32c2.53-4.39,3.57-9.37,3.13-14.25h-41.99Z"/><path class="testnet-cls-2" d="M146.47,119.99c6.99-6.76,19.12-7.8,24.04-16.25,8.42-14.45-7.18-27.78-20.39-17.8-8.29,6.26-10.94,21.47-18.23,25.49-9.91,5.45-15.11-10.29-18.55-16.52-4.59-8.31-13.78-16.42-23.68-10.7-10.09,5.83-7.57,19.42,1.26,25.16,6.66,4.33,23.02,8.71,22.86,18.78-.17,10.64-18.33,14.45-24.99,20.21-14.05,12.14.13,32.23,15.62,23.03,8.17-4.85,10.14-15.02,15.28-22.33,4.55-6.47,10.4-7.7,15.78-1.25,5.95,7.13,7.29,17.85,15.65,23.25,14.02,9.06,28.26-6.82,18.78-19.89-4.75-6.54-13.12-7.95-19.59-12.09-7.61-4.87-11.35-11.82-3.83-19.08Z"/><path class="testnet-cls-7" d="M186.66,85.35h35.07l-11.65-20.17h-45.83c8.8,5.1,16.43,11.99,22.4,20.17Z"/><path class="testnet-cls-7" d="M91.74,65.18h-45.83l-11.65,20.17h35.07c5.97-8.18,13.6-15.07,22.4-20.17Z"/><path class="testnet-cls-7" d="M58.96,105.67H22.53l-5.91,10.24c-1.79,3.1-2.82,6.49-3.13,9.93h41.99c.21-7.02,1.41-13.79,3.48-20.17Z"/><path class="testnet-cls-7" d="M200.51,125.84h41.99c-.31-3.44-1.34-6.84-3.13-9.93l-5.91-10.24h-36.43c2.07,6.38,3.27,13.15,3.48,20.17Z"/></svg>
 `;
 
 // src/models/Bootstrap.ts
@@ -177,17 +261,17 @@ var asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap);
 
 // src/helpers/Networks.ts
 var MainNetwork = {
-  description: "Main Node for the XYO Network",
-  icon: XyoColorLogoString,
+  description: "Main Network for XYO Layer 1",
+  icon: xl1MainnetString,
   id: "mainnet",
   name: "Mainnet",
   schema: NetworkBootstrapSchema,
-  symbol: "XYOG",
+  symbol: "XL1",
   url: "https://api.chain.xyo.network"
 };
 var SequenceNetwork = {
-  description: "Test Node for the XYO Network",
-  icon: XyoColorLogoString,
+  description: "Test Network for XYO Layer 1",
+  icon: xl1TestnetString,
   id: "sequence",
   name: "Sequence",
   schema: NetworkBootstrapSchema,
@@ -203,9 +287,14 @@ var LocalNetwork = {
   symbol: "XYOG",
   url: "http://localhost:8080"
 };
+var DefaultNetworks = [
+  MainNetwork,
+  SequenceNetwork,
+  LocalNetwork
+];
 
 // src/context/network/Provider.tsx
-var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal }) => {
+var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork, networks = DefaultNetworks, setActiveNetwork: setActiveNetworkExternal }) => {
   const [activeNetwork, setActiveNetwork] = useState();
   const [error, setError] = useState();
   const [resolvedActiveNetwork, activeNetworkError] = usePromise(async () => {
@@ -247,9 +336,9 @@ var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork,
     networks,
     updateActiveNetwork
   ]);
-  return /* @__PURE__ */ React5.createElement(ChainNetworkContext, {
+  return /* @__PURE__ */ React4.createElement(ChainNetworkContext, {
     value
-  }, /* @__PURE__ */ React5.createElement(ErrorRender, {
+  }, /* @__PURE__ */ React4.createElement(ErrorRender, {
     error: error ?? activeNetworkError,
     scope: "WalletNetworkProvider"
   }), children);
@@ -259,11 +348,75 @@ var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork,
 import { useContextEx } from "@xylabs/react-shared";
 var useChainNetwork = /* @__PURE__ */ __name((required = true) => useContextEx(ChainNetworkContext, "WalletNetwork", required), "useChainNetwork");
 
+// src/components/menu/Icon.tsx
+import { Icon } from "@mui/material";
+import React5 from "react";
+var NetworkIcon = /* @__PURE__ */ __name(({ icon, ...props }) => {
+  return /* @__PURE__ */ React5.createElement(Icon, {
+    sx: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    ref: /* @__PURE__ */ __name((ref) => {
+      if (ref && icon) {
+        ref.innerHTML = icon;
+      }
+    }, "ref"),
+    ...props
+  });
+}, "NetworkIcon");
+
+// src/components/menu/Avatar.tsx
+var NetworkAvatar = /* @__PURE__ */ __name(({ icon, name, ...props }) => {
+  return /* @__PURE__ */ React6.createElement(Avatar, {
+    sx: {
+      backgroundColor: "white",
+      height: 30,
+      width: 30
+    },
+    alt: name,
+    ...props
+  }, /* @__PURE__ */ React6.createElement(NetworkIcon, {
+    icon
+  }));
+}, "NetworkAvatar");
+var ActiveNetworkAvatar = /* @__PURE__ */ __name((props) => {
+  const { activeNetwork } = useChainNetwork();
+  return /* @__PURE__ */ React6.createElement(NetworkAvatar, {
+    icon: activeNetwork?.icon,
+    name: activeNetwork?.name,
+    ...props
+  });
+}, "ActiveNetworkAvatar");
+
+// src/components/menu/MenuItem.tsx
+import { ListItemText } from "@mui/material";
+import { ActiveMenuItem } from "@xyo-network/react-chain-shared";
+import React7 from "react";
+var NetworkMenuItem = /* @__PURE__ */ __name(({ active, network, onClick, updateActiveNetwork, ...props }) => {
+  const handleClick = /* @__PURE__ */ __name((event) => {
+    if (network === void 0) throw new Error("Network is undefined");
+    updateActiveNetwork?.(network.id);
+    onClick?.(event);
+  }, "handleClick");
+  return /* @__PURE__ */ React7.createElement(ActiveMenuItem, {
+    title: network?.name,
+    disableRipple: true,
+    onClick: handleClick,
+    active,
+    ...props
+  }, /* @__PURE__ */ React7.createElement(NetworkAvatar, {
+    icon: network?.icon,
+    name: network?.name
+  }), /* @__PURE__ */ React7.createElement(ListItemText, null, network?.name));
+}, "NetworkMenuItem");
+
 // src/provider/NetworkProvider.ts
 import { assertEx } from "@xylabs/assert";
 import { asArchivistInstance } from "@xyo-network/archivist-model";
+import { initBridge as initBridge2 } from "@xyo-network/chain-orchestration";
 import { findMostRecentBlock, hydrateBlock } from "@xyo-network/chain-protocol";
-import { initBridge as initBridge2 } from "@xyo-network/chain-sdk";
 import { XyoChainBlockNumberIterator } from "@xyo-network/chain-services";
 import { PayloadBuilder } from "@xyo-network/payload-builder";
 var FINALIZED_ARCHIVIST = "XYOChain:Chain:Finalized";
@@ -285,6 +438,15 @@ var NetworkProvider = class _NetworkProvider {
   accountBalance(_address, _blockNumber, _full) {
     throw new Error("Method not implemented.");
   }
+  accounts() {
+    throw new Error("Method not implemented.");
+  }
+  addChain(_chain, _name) {
+    throw new Error("Method not implemented.");
+  }
+  address() {
+    throw new Error("Method not implemented.");
+  }
   blockByHash(_hash) {
     throw new Error("Method not implemented.");
   }
@@ -297,6 +459,9 @@ var NetworkProvider = class _NetworkProvider {
   chainId() {
     throw new Error("Method not implemented.");
   }
+  chains() {
+    throw new Error("Method not implemented.");
+  }
   currentBlock() {
     throw new Error("Method not implemented.");
   }
@@ -306,6 +471,9 @@ var NetworkProvider = class _NetworkProvider {
   currentBlockNumber() {
     throw new Error("Method not implemented.");
   }
+  permissions() {
+    throw new Error("Method not implemented.");
+  }
   async previousBlocks(startingBlock, count = 25) {
     const chainArchivist = await this.getFinalizedArchivist();
     const head = assertEx(await findMostRecentBlock(chainArchivist, {
@@ -322,12 +490,21 @@ var NetworkProvider = class _NetworkProvider {
     }
     return hydratedBlocks;
   }
+  requestPermissions(_permissions) {
+    throw new Error("Method not implemented.");
+  }
+  revokePermissions(_permissions) {
+    throw new Error("Method not implemented.");
+  }
   sendTransaction(_transaction) {
     throw new Error("Method not implemented.");
   }
   signTransaction(_transaction) {
     throw new Error("Method not implemented.");
   }
+  switchChain(_chain) {
+    throw new Error("Method not implemented.");
+  }
   transactionByBlockHashAndIndex(_blockHash, _transactionIndex) {
     throw new Error("Method not implemented.");
   }
@@ -344,11 +521,14 @@ var NetworkProvider = class _NetworkProvider {
   }
 };
 export {
+  ActiveNetworkAvatar,
   ChainNetworkContext,
   ChainNetworkProvider,
+  DefaultNetworks,
   FINALIZED_ARCHIVIST,
   LocalNetwork,
   MainNetwork,
+  NetworkAvatar,
   NetworkBootstrapSchema,
   NetworkIcon,
   NetworkMenuItem,