@xyo-network/react-chain-network 1.0.2

package/LICENSE

@@ -0,0 +1,165 @@
+                   GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.

package/README.md

@@ -0,0 +1,13 @@
+[![logo][]](https://xyo.network)
+
+Part of [@xyo-network/sdk-xyo-react](https://www.npmjs.com/package/@xyo-network/sdk-xyo-react)
+
+## License
+
+> See the [LICENSE](LICENSE) file for license details
+
+## Credits
+
+[Made with 🔥 and ❄️ by XYO](https://xyo.network)
+
+[logo]: https://cdn.xy.company/img/brand/XYO_full_colored.png

package/dist/browser/index.mjs

@@ -0,0 +1,213 @@
+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/context/network/context.ts
+import { createContextEx } from "@xylabs/react-shared";
+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";
+
+// src/images/icons/LocalNetwork.tsx
+import { createSvgIcon } from "@mui/material";
+import React3 from "react";
+var LocalNetworkIcon = createSvgIcon(/* @__PURE__ */ React3.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+}, /* @__PURE__ */ React3.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");
+var LocalNetworkIconString = `
+  <svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 -960 960 960">
+    <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" />
+  </svg>
+`;
+
+// src/images/icons/xyoColorLogo.tsx
+import { createSvgIcon as createSvgIcon2 } from "@mui/material";
+import React4 from "react";
+var XyoColorLogo = createSvgIcon2(/* @__PURE__ */ React4.createElement("svg", {
+  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>
+`;
+
+// src/models/Bootstrap.ts
+import { AsObjectFactory } from "@xylabs/object";
+import { isPayloadOfSchemaType } from "@xyo-network/payload-model";
+var NetworkBootstrapSchema = "network.xyo.network.bootstrap";
+var isNetworkBootstrap = isPayloadOfSchemaType(NetworkBootstrapSchema);
+var asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap);
+
+// src/helpers/Networks.ts
+var MainNetwork = {
+  description: "Main Node for the XYO Network",
+  icon: XyoColorLogoString,
+  id: "mainnet",
+  name: "Mainnet",
+  schema: NetworkBootstrapSchema,
+  symbol: "XYOG",
+  url: "https://api.chain.xyo.network"
+};
+var KerplunkNetwork = {
+  description: "Test Node for the XYO Network",
+  icon: XyoColorLogoString,
+  id: "testnet",
+  name: "Testnet",
+  schema: NetworkBootstrapSchema,
+  symbol: "XYOG",
+  url: "https://beta.api.chain.xyo.network/"
+};
+var LocalNetwork = {
+  description: "Local Node",
+  icon: LocalNetworkIconString,
+  id: "local",
+  name: "Local",
+  schema: NetworkBootstrapSchema,
+  symbol: "XYOG",
+  url: "http://localhost:8080"
+};
+
+// src/context/network/Provider.tsx
+var ChainNetworkProvider = /* @__PURE__ */ __name(({ children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal }) => {
+  const [activeNetwork, setActiveNetwork] = useState();
+  const [error, setError] = useState();
+  const [, activeNetworkError] = usePromise(async () => {
+    if (!networks) return;
+    const activeNetwork2 = await getActiveNetwork?.();
+    if (activeNetwork2) {
+      setActiveNetwork(activeNetwork2);
+    } else {
+      const defaultNetwork = networks.find((network) => network.id === MainNetwork.id) ?? networks[0];
+      await setActiveNetworkExternal?.(defaultNetwork.id);
+      setActiveNetwork(defaultNetwork);
+    }
+  }, [
+    networks
+  ]);
+  const updateActiveNetwork = useCallback((networkId) => {
+    setError(void 0);
+    const network = networks?.find((network2) => network2.id === networkId);
+    setActiveNetwork(network);
+    void setActiveNetworkExternal?.(networkId);
+  }, [
+    networks
+  ]);
+  const value = useMemo(() => ({
+    activeNetwork,
+    networks,
+    provided: true,
+    updateActiveNetwork,
+    walletNetworkError: error ?? activeNetworkError
+  }), [
+    activeNetwork,
+    networks,
+    updateActiveNetwork
+  ]);
+  return /* @__PURE__ */ React5.createElement(ChainNetworkContext, {
+    value
+  }, /* @__PURE__ */ React5.createElement(ErrorRender, {
+    error: error ?? activeNetworkError,
+    scope: "WalletNetworkProvider"
+  }), children);
+}, "ChainNetworkProvider");
+
+// src/context/network/use.ts
+import { useContextEx } from "@xylabs/react-shared";
+var useChainNetwork = /* @__PURE__ */ __name((required = true) => useContextEx(ChainNetworkContext, "WalletNetwork", required), "useChainNetwork");
+export {
+  ChainNetworkContext,
+  ChainNetworkProvider,
+  KerplunkNetwork,
+  LocalNetwork,
+  MainNetwork,
+  NetworkBootstrapSchema,
+  NetworkIcon,
+  NetworkMenuItem,
+  asOptionalNetwork,
+  isNetworkBootstrap,
+  useChainNetwork
+};
+//# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/menu/Icon.tsx","../../src/components/menu/MenuItem.tsx","../../src/context/network/context.ts","../../src/context/network/Provider.tsx","../../src/images/icons/LocalNetwork.tsx","../../src/images/icons/xyoColorLogo.tsx","../../src/models/Bootstrap.ts","../../src/helpers/Networks.ts","../../src/context/network/use.ts"],"sourcesContent":["import type { IconProps } from '@mui/material'\nimport { Icon } from '@mui/material'\nimport React from 'react'\n\nexport const NetworkIcon: React.FC<IconProps & { icon?: string }> = ({ icon, ...props }) => {\n  return (\n    <Icon\n      sx={{\n        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',\n      }}\n      ref={(ref) => {\n        if (ref && icon) {\n          ref.innerHTML = icon\n        }\n      }}\n      {...props}\n    />\n  )\n}\n","import type { MenuItemProps } from '@mui/material'\nimport { ListItemText } from '@mui/material'\nimport { ActiveMenuItem } from '@xyo-network/react-chain-shared'\nimport type { MouseEvent as ReactMouseEvent } from 'react'\nimport React from 'react'\n\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { NetworkIcon } from './Icon.tsx'\n\nexport interface NetworkMenuItemProps extends MenuItemProps {\n  active?: boolean\n  network?: NetworkBootstrap\n  updateActiveNetwork?: (networkId: string) => void\n}\n\nexport const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({\n  active, network, onClick, updateActiveNetwork, ...props\n}) => {\n  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {\n    if (network === undefined) throw new Error('Network is undefined')\n    updateActiveNetwork?.(network.id)\n    onClick?.(event)\n  }\n\n  return (\n    <ActiveMenuItem\n      title={network?.name}\n      disableRipple\n      onClick={handleClick}\n      active={active}\n      {...props}\n    >\n      <NetworkIcon icon={network?.icon} />\n      <ListItemText>{network?.name}</ListItemText>\n    </ActiveMenuItem>\n  )\n}\n","import { createContextEx } from '@xylabs/react-shared'\n\nimport type { ChainNetworkState } from './state.ts'\n\nexport const ChainNetworkContext = createContextEx<ChainNetworkState>()\n","import { ErrorRender } from '@xylabs/react-error'\nimport { usePromise } from '@xylabs/react-promise'\nimport type { PropsWithChildren } from 'react'\nimport React, {\n  useCallback, useMemo, useState,\n} from 'react'\n\nimport { MainNetwork } from '../../helpers/index.ts'\nimport type { NetworkBootstrap } from '../../models/index.ts'\nimport { ChainNetworkContext } from './context.ts'\nimport type { ChainNetworkState } from './state.ts'\n\nexport interface ChainNetworkProviderProps extends PropsWithChildren {\n  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>\n  networks?: NetworkBootstrap[]\n  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>\n}\n\nexport const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({\n  children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal,\n}) => {\n  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()\n  const [error, setError] = useState<Error>()\n\n  // Set the active network upon initialization\n  const [, activeNetworkError] = usePromise(async () => {\n    // ensure networks are loaded\n    if (!networks) return\n    // get last saved active network\n    const activeNetwork = await getActiveNetwork?.()\n    if (activeNetwork) {\n      // Set the active network if it exists\n      setActiveNetwork(activeNetwork)\n    } else {\n      // Set the default network if no active network exists\n      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]\n      await setActiveNetworkExternal?.(defaultNetwork.id)\n\n      // Set the active network in the context\n      setActiveNetwork(defaultNetwork)\n    }\n  }, [networks])\n\n  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {\n    setError(undefined)\n    const network = networks?.find(network => network.id === networkId)\n    // set internally\n    setActiveNetwork(network)\n    // set externally\n    void setActiveNetworkExternal?.(networkId)\n  }, [networks])\n\n  const value = useMemo<ChainNetworkState>(() => ({\n    activeNetwork,\n    networks,\n    provided: true,\n    updateActiveNetwork,\n    walletNetworkError: error ?? activeNetworkError,\n  }), [activeNetwork, networks, updateActiveNetwork])\n\n  return (\n    <ChainNetworkContext value={value}>\n      <ErrorRender error={error ?? activeNetworkError} scope=\"WalletNetworkProvider\" />\n      {children}\n    </ChainNetworkContext>\n  )\n}\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const LocalNetworkIcon = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\">\n    <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\" />\n  </svg>,\n  'LocalNetworkIcon',\n)\n\nexport const LocalNetworkIconString = `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18\" width=\"18\" viewBox=\"0 -960 960 960\">\n    <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\" />\n  </svg>\n`\n","/* eslint-disable @stylistic/max-len */\nimport { createSvgIcon } from '@mui/material'\nimport React from 'react'\n\nexport const XyoColorLogo = createSvgIcon(\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      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\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      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\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      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\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      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\"\n      fill=\"#eb407a\"\n    />\n  </svg>,\n  'XyoColorLogo',\n)\n\nexport const XyoColorLogoString = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      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\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      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\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      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\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      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\"\n      fill=\"#eb407a\"\n    />\n  </svg>\n`\n","import type { Address } from '@xylabs/hex'\nimport { AsObjectFactory } from '@xylabs/object'\nimport type { ChainInformation } from '@xyo-network/chain-model'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\n\nexport const NetworkBootstrapSchema = 'network.xyo.network.bootstrap' as const\nexport type NetworkBootstrapSchema = typeof NetworkBootstrapSchema\n\nexport interface ChainForkFields {\n  /** Block Number at which the chain was forked from */\n  forkedAtLastBlockNumber?: string\n  /** Hash in the last block the chain was forked from */\n  forkedAtLastHash?: string\n  /** Address of the forked chain */\n  forkedChainId?: Address\n}\n\nexport interface NetworkFields {\n  /** Description of the network */\n  description: string\n  /** string representation of the icon (svg) */\n  icon?: string\n  /** Machine-readable identifier */\n  id: string\n  /** Human-readable identifier */\n  name: string\n  schema: NetworkBootstrapSchema\n  /** Symbol of the network */\n  symbol?: string\n  /** Url for accessing the network */\n  url: string\n}\n\n/** Note: Optional Properties can be found walking the chain to the genesis block */\nexport interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {\n  /** Address of the chain, i.e. smart contract address */\n  chainInfo?: ChainInformation\n}\n\nexport interface Network extends NetworkBootstrap {\n  custom: boolean\n}\n\nexport type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>\n\nexport const isNetworkBootstrap = isPayloadOfSchemaType<NetworkBootstrap>(NetworkBootstrapSchema)\n\nexport const asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap)\n","import { LocalNetworkIconString, XyoColorLogoString } from '../images/index.ts'\nimport type { NetworkBootstrap } from '../models/index.ts'\nimport { NetworkBootstrapSchema } from '../models/index.ts'\n\nexport const MainNetwork: NetworkBootstrap = {\n  description: 'Main Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'mainnet',\n  name: 'Mainnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://api.chain.xyo.network',\n}\n\nexport const KerplunkNetwork: NetworkBootstrap = {\n  description: 'Test Node for the XYO Network',\n  icon: XyoColorLogoString,\n  id: 'testnet',\n  name: 'Testnet',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'https://beta.api.chain.xyo.network/',\n}\n\nexport const LocalNetwork: NetworkBootstrap = {\n  description: 'Local Node',\n  icon: LocalNetworkIconString,\n  id: 'local',\n  name: 'Local',\n  schema: NetworkBootstrapSchema,\n  symbol: 'XYOG',\n  url: 'http://localhost:8080',\n}\n","import { useContextEx } from '@xylabs/react-shared'\n\nimport { ChainNetworkContext } from './context.ts'\n\nexport const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'WalletNetwork', required)\n"],"mappings":"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","names":["Icon","React","NetworkIcon","icon","props","Icon","sx","display","alignItems","justifyContent","ref","innerHTML","ListItemText","ActiveMenuItem","React","NetworkMenuItem","active","network","onClick","updateActiveNetwork","props","handleClick","event","undefined","Error","id","React","ActiveMenuItem","title","name","disableRipple","NetworkIcon","icon","ListItemText","createContextEx","ChainNetworkContext","ErrorRender","usePromise","React","useCallback","useMemo","useState","createSvgIcon","React","LocalNetworkIcon","svg","xmlns","viewBox","path","fill","d","LocalNetworkIconString","createSvgIcon","React","XyoColorLogo","svg","xmlns","viewBox","path","className","d","fill","XyoColorLogoString","AsObjectFactory","isPayloadOfSchemaType","NetworkBootstrapSchema","isNetworkBootstrap","asOptionalNetwork","createOptional","MainNetwork","description","icon","XyoColorLogoString","id","name","schema","NetworkBootstrapSchema","symbol","url","KerplunkNetwork","LocalNetwork","LocalNetworkIconString","ChainNetworkProvider","children","getActiveNetwork","networks","setActiveNetwork","setActiveNetworkExternal","activeNetwork","useState","error","setError","activeNetworkError","usePromise","defaultNetwork","find","network","id","MainNetwork","updateActiveNetwork","useCallback","networkId","undefined","value","useMemo","provided","walletNetworkError","React","ChainNetworkContext","ErrorRender","scope","useContextEx","useChainNetwork","required","useContextEx","ChainNetworkContext"]}

package/dist/types/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './menu/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/types/components/menu/Icon.d.ts

@@ -0,0 +1,6 @@
+import type { IconProps } from '@mui/material';
+import React from 'react';
+export declare const NetworkIcon: React.FC<IconProps & {
+    icon?: string;
+}>;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/types/components/menu/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAc/D,CAAA"}

package/dist/types/components/menu/MenuItem.d.ts

@@ -0,0 +1,10 @@
+import type { MenuItemProps } from '@mui/material';
+import React from 'react';
+import type { NetworkBootstrap } from '../../models/index.ts';
+export interface NetworkMenuItemProps extends MenuItemProps {
+    active?: boolean;
+    network?: NetworkBootstrap;
+    updateActiveNetwork?: (networkId: string) => void;
+}
+export declare const NetworkMenuItem: React.FC<NetworkMenuItemProps>;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/types/components/menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAG7D,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqB1D,CAAA"}

package/dist/types/components/menu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Icon.tsx';
+export * from './MenuItem.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/types/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './network/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/types/context/network/Provider.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { NetworkBootstrap } from '../../models/index.ts';
+export interface ChainNetworkProviderProps extends PropsWithChildren {
+    getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>;
+    networks?: NetworkBootstrap[];
+    setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>;
+}
+export declare const ChainNetworkProvider: React.FC<ChainNetworkProviderProps>;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/types/context/network/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/context/network/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAEN,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAI7D,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB;IAClE,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAA;CACpF;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgDpE,CAAA"}

package/dist/types/context/network/context.d.ts

@@ -0,0 +1,3 @@
+import type { ChainNetworkState } from './state.ts';
+export declare const ChainNetworkContext: import("react").Context<ChainNetworkState & import("@xylabs/react-shared").ContextExState>;
+//# sourceMappingURL=context.d.ts.map

package/dist/types/context/network/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/context/network/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEnD,eAAO,MAAM,mBAAmB,4FAAuC,CAAA"}

package/dist/types/context/network/index.d.ts

@@ -0,0 +1,5 @@
+export * from './context.ts';
+export * from './Provider.tsx';
+export * from './state.ts';
+export * from './use.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/context/network/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context/network/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/dist/types/context/network/state.d.ts

@@ -0,0 +1,9 @@
+import type { ContextExState } from '@xyo-network/react-shared';
+import type { NetworkBootstrap } from '../../models/index.ts';
+export interface ChainNetworkState extends ContextExState {
+    activeNetwork?: NetworkBootstrap;
+    networks?: NetworkBootstrap[];
+    updateActiveNetwork?: (networkId: NetworkBootstrap['id']) => void;
+    walletNetworkError?: Error;
+}
+//# sourceMappingURL=state.d.ts.map

package/dist/types/context/network/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/context/network/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC7B,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IACjE,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAC3B"}

package/dist/types/context/network/use.d.ts

@@ -0,0 +1,2 @@
+export declare const useChainNetwork: (required?: boolean) => Omit<import("./state.ts").ChainNetworkState & import("@xylabs/react-shared").ContextExState, "provided">;
+//# sourceMappingURL=use.d.ts.map

package/dist/types/context/network/use.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/context/network/use.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,kBAAe,6GAAiE,CAAA"}

package/dist/types/helpers/Networks.d.ts

@@ -0,0 +1,5 @@
+import type { NetworkBootstrap } from '../models/index.ts';
+export declare const MainNetwork: NetworkBootstrap;
+export declare const KerplunkNetwork: NetworkBootstrap;
+export declare const LocalNetwork: NetworkBootstrap;
+//# sourceMappingURL=Networks.d.ts.map

package/dist/types/helpers/Networks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Networks.d.ts","sourceRoot":"","sources":["../../../src/helpers/Networks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,eAAO,MAAM,WAAW,EAAE,gBAQzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,gBAQ7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,gBAQ1B,CAAA"}

package/dist/types/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Networks.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/types/images/icons/LocalNetwork.d.ts

@@ -0,0 +1,5 @@
+export declare const LocalNetworkIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export declare const LocalNetworkIconString = "\n  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"18\" width=\"18\" viewBox=\"0 -960 960 960\">\n    <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\" />\n  </svg>\n";
+//# sourceMappingURL=LocalNetwork.d.ts.map

package/dist/types/images/icons/LocalNetwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalNetwork.d.ts","sourceRoot":"","sources":["../../../../src/images/icons/LocalNetwork.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;CAK5B,CAAA;AAED,eAAO,MAAM,sBAAsB,iVAIlC,CAAA"}

package/dist/types/images/icons/index.d.ts

@@ -0,0 +1,3 @@
+export * from './LocalNetwork.tsx';
+export * from './xyoColorLogo.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/images/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/images/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA"}

package/dist/types/images/icons/xyoColorLogo.d.ts

@@ -0,0 +1,5 @@
+export declare const XyoColorLogo: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export declare const XyoColorLogoString = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\">\n    <path\n      className=\"cls-1\"\n      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\"\n      fill=\"#8d8fc6\"\n    />\n    <path\n      className=\"cls-2\"\n      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\"\n      fill=\"#579fd6\"\n    />\n    <path\n      className=\"cls-3\"\n      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\"\n      fill=\"#f27046\"\n    />\n    <path\n      className=\"cls-4\"\n      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\"\n      fill=\"#eb407a\"\n    />\n  </svg>\n";
+//# sourceMappingURL=xyoColorLogo.d.ts.map

package/dist/types/images/icons/xyoColorLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xyoColorLogo.d.ts","sourceRoot":"","sources":["../../../../src/images/icons/xyoColorLogo.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;CAwBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,0oDAuB9B,CAAA"}

package/dist/types/images/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/images/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/images/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components/index.ts';
+export * from './context/index.ts';
+export * from './helpers/index.ts';
+export * from './models/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA"}

package/dist/types/models/Bootstrap.d.ts

@@ -0,0 +1,40 @@
+import type { Address } from '@xylabs/hex';
+import type { ChainInformation } from '@xyo-network/chain-model';
+import type { Payload } from '@xyo-network/payload-model';
+export declare const NetworkBootstrapSchema: "network.xyo.network.bootstrap";
+export type NetworkBootstrapSchema = typeof NetworkBootstrapSchema;
+export interface ChainForkFields {
+    /** Block Number at which the chain was forked from */
+    forkedAtLastBlockNumber?: string;
+    /** Hash in the last block the chain was forked from */
+    forkedAtLastHash?: string;
+    /** Address of the forked chain */
+    forkedChainId?: Address;
+}
+export interface NetworkFields {
+    /** Description of the network */
+    description: string;
+    /** string representation of the icon (svg) */
+    icon?: string;
+    /** Machine-readable identifier */
+    id: string;
+    /** Human-readable identifier */
+    name: string;
+    schema: NetworkBootstrapSchema;
+    /** Symbol of the network */
+    symbol?: string;
+    /** Url for accessing the network */
+    url: string;
+}
+/** Note: Optional Properties can be found walking the chain to the genesis block */
+export interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {
+    /** Address of the chain, i.e. smart contract address */
+    chainInfo?: ChainInformation;
+}
+export interface Network extends NetworkBootstrap {
+    custom: boolean;
+}
+export type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>;
+export declare const isNetworkBootstrap: (x?: unknown | null) => x is NetworkBootstrap;
+export declare const asOptionalNetwork: <TType extends NetworkBootstrap>(value: import("@xylabs/promise").AnyNonPromise) => TType | undefined;
+//# sourceMappingURL=Bootstrap.d.ts.map

package/dist/types/models/Bootstrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bootstrap.d.ts","sourceRoot":"","sources":["../../../src/models/Bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAGzD,eAAO,MAAM,sBAAsB,EAAG,+BAAwC,CAAA;AAC9E,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAA;AAElE,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,sBAAsB,CAAA;IAC9B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,oFAAoF;AACpF,MAAM,WAAW,sBAAuB,SAAQ,aAAa,EAAE,eAAe;IAC5E,wDAAwD;IACxD,SAAS,CAAC,EAAE,gBAAgB,CAAA;CAC7B;AAED,MAAM,WAAW,OAAQ,SAAQ,gBAAgB;IAC/C,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAA;AAEtF,eAAO,MAAM,kBAAkB,+CAAkE,CAAA;AAEjG,eAAO,MAAM,iBAAiB,iDAlCF,iBACrB,qCAiC4E,CAAA"}

package/dist/types/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Bootstrap.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/eslint.config.mjs

@@ -0,0 +1 @@
+export { config as default } from '@xylabs/eslint-config-flat'

package/package.json

@@ -0,0 +1,82 @@
+{
+  "$schema": "http://json.schemastore.org/package.json",
+  "name": "@xyo-network/react-chain-network",
+  "version": "1.0.2",
+  "description": "XYO Layer One React SDK",
+  "homepage": "https://xylabs.com",
+  "bugs": {
+    "url": "git+https://github.com/xylabs/xyo-chain/issues",
+    "email": "support@xylabs.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xylabs/xyo-chain.git"
+  },
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "XY Labs Development Team",
+    "email": "support@xylabs.com",
+    "url": "https://xylabs.com"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "browser": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/browser/index.mjs"
+      },
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/browser/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "build-storybook": "storybook build",
+    "start": "storybook dev -p 6006"
+  },
+  "dependencies": {
+    "@xylabs/array": "^4.6.4",
+    "@xylabs/eslint-config-flat": "^6.1.4",
+    "@xylabs/hex": "^4.6.4",
+    "@xylabs/promise": "^4.6.4",
+    "@xylabs/react-error": "^6.0.7",
+    "@xylabs/react-promise": "^6.0.7",
+    "@xylabs/react-shared": "^6.0.7",
+    "@xyo-network/chain-model": "^1.0.2",
+    "@xyo-network/payload-model": "^3.9.38"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/styles": "^6.4.7",
+    "@xylabs/ts-scripts-yarn3": "^6.0.9",
+    "@xylabs/tsconfig-react": "^6.0.9",
+    "eslint": "^9.22.0",
+    "ethers": "^6.13.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "@mui/icons-material": "^6",
+    "@mui/material": "^6",
+    "@mui/styles": "^6",
+    "ethers": "^6",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "volta": {
+    "node": "22.3.0",
+    "yarn": "4.6.0"
+  },
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "docs": "dist/docs.json"
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './menu/index.ts'

package/src/components/menu/Icon.tsx

@@ -0,0 +1,19 @@
+import type { IconProps } from '@mui/material'
+import { Icon } from '@mui/material'
+import React from 'react'
+
+export const NetworkIcon: React.FC<IconProps & { icon?: string }> = ({ icon, ...props }) => {
+  return (
+    <Icon
+      sx={{
+        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
+      }}
+      ref={(ref) => {
+        if (ref && icon) {
+          ref.innerHTML = icon
+        }
+      }}
+      {...props}
+    />
+  )
+}

package/src/components/menu/MenuItem.tsx

@@ -0,0 +1,37 @@
+import type { MenuItemProps } from '@mui/material'
+import { ListItemText } from '@mui/material'
+import { ActiveMenuItem } from '@xyo-network/react-chain-shared'
+import type { MouseEvent as ReactMouseEvent } from 'react'
+import React from 'react'
+
+import type { NetworkBootstrap } from '../../models/index.ts'
+import { NetworkIcon } from './Icon.tsx'
+
+export interface NetworkMenuItemProps extends MenuItemProps {
+  active?: boolean
+  network?: NetworkBootstrap
+  updateActiveNetwork?: (networkId: string) => void
+}
+
+export const NetworkMenuItem: React.FC<NetworkMenuItemProps> = ({
+  active, network, onClick, updateActiveNetwork, ...props
+}) => {
+  const handleClick = (event: ReactMouseEvent<HTMLLIElement, MouseEvent>) => {
+    if (network === undefined) throw new Error('Network is undefined')
+    updateActiveNetwork?.(network.id)
+    onClick?.(event)
+  }
+
+  return (
+    <ActiveMenuItem
+      title={network?.name}
+      disableRipple
+      onClick={handleClick}
+      active={active}
+      {...props}
+    >
+      <NetworkIcon icon={network?.icon} />
+      <ListItemText>{network?.name}</ListItemText>
+    </ActiveMenuItem>
+  )
+}

package/src/components/menu/index.ts

@@ -0,0 +1,2 @@
+export * from './Icon.tsx'
+export * from './MenuItem.tsx'

package/src/context/index.ts

@@ -0,0 +1 @@
+export * from './network/index.ts'

package/src/context/network/Provider.tsx

@@ -0,0 +1,67 @@
+import { ErrorRender } from '@xylabs/react-error'
+import { usePromise } from '@xylabs/react-promise'
+import type { PropsWithChildren } from 'react'
+import React, {
+  useCallback, useMemo, useState,
+} from 'react'
+
+import { MainNetwork } from '../../helpers/index.ts'
+import type { NetworkBootstrap } from '../../models/index.ts'
+import { ChainNetworkContext } from './context.ts'
+import type { ChainNetworkState } from './state.ts'
+
+export interface ChainNetworkProviderProps extends PropsWithChildren {
+  getActiveNetwork?: () => Promise<NetworkBootstrap | undefined>
+  networks?: NetworkBootstrap[]
+  setActiveNetwork?: (networkId: NetworkBootstrap['id']) => Promise<NetworkBootstrap>
+}
+
+export const ChainNetworkProvider: React.FC<ChainNetworkProviderProps> = ({
+  children, getActiveNetwork, networks, setActiveNetwork: setActiveNetworkExternal,
+}) => {
+  const [activeNetwork, setActiveNetwork] = useState<NetworkBootstrap>()
+  const [error, setError] = useState<Error>()
+
+  // Set the active network upon initialization
+  const [, activeNetworkError] = usePromise(async () => {
+    // ensure networks are loaded
+    if (!networks) return
+    // get last saved active network
+    const activeNetwork = await getActiveNetwork?.()
+    if (activeNetwork) {
+      // Set the active network if it exists
+      setActiveNetwork(activeNetwork)
+    } else {
+      // Set the default network if no active network exists
+      const defaultNetwork = networks.find(network => network.id === MainNetwork.id) ?? networks[0]
+      await setActiveNetworkExternal?.(defaultNetwork.id)
+
+      // Set the active network in the context
+      setActiveNetwork(defaultNetwork)
+    }
+  }, [networks])
+
+  const updateActiveNetwork = useCallback((networkId: NetworkBootstrap['id']) => {
+    setError(undefined)
+    const network = networks?.find(network => network.id === networkId)
+    // set internally
+    setActiveNetwork(network)
+    // set externally
+    void setActiveNetworkExternal?.(networkId)
+  }, [networks])
+
+  const value = useMemo<ChainNetworkState>(() => ({
+    activeNetwork,
+    networks,
+    provided: true,
+    updateActiveNetwork,
+    walletNetworkError: error ?? activeNetworkError,
+  }), [activeNetwork, networks, updateActiveNetwork])
+
+  return (
+    <ChainNetworkContext value={value}>
+      <ErrorRender error={error ?? activeNetworkError} scope="WalletNetworkProvider" />
+      {children}
+    </ChainNetworkContext>
+  )
+}

package/src/context/network/context.ts

@@ -0,0 +1,5 @@
+import { createContextEx } from '@xylabs/react-shared'
+
+import type { ChainNetworkState } from './state.ts'
+
+export const ChainNetworkContext = createContextEx<ChainNetworkState>()

package/src/context/network/index.ts

@@ -0,0 +1,4 @@
+export * from './context.ts'
+export * from './Provider.tsx'
+export * from './state.ts'
+export * from './use.ts'

package/src/context/network/state.ts

@@ -0,0 +1,10 @@
+import type { ContextExState } from '@xyo-network/react-shared'
+
+import type { NetworkBootstrap } from '../../models/index.ts'
+
+export interface ChainNetworkState extends ContextExState {
+  activeNetwork?: NetworkBootstrap
+  networks?: NetworkBootstrap[]
+  updateActiveNetwork?: (networkId: NetworkBootstrap['id']) => void
+  walletNetworkError?: Error
+}

package/src/context/network/use.ts

@@ -0,0 +1,5 @@
+import { useContextEx } from '@xylabs/react-shared'
+
+import { ChainNetworkContext } from './context.ts'
+
+export const useChainNetwork = (required = true) => useContextEx(ChainNetworkContext, 'WalletNetwork', required)

package/src/helpers/Networks.ts

@@ -0,0 +1,33 @@
+import { LocalNetworkIconString, XyoColorLogoString } from '../images/index.ts'
+import type { NetworkBootstrap } from '../models/index.ts'
+import { NetworkBootstrapSchema } from '../models/index.ts'
+
+export const MainNetwork: NetworkBootstrap = {
+  description: 'Main Node for the XYO Network',
+  icon: XyoColorLogoString,
+  id: 'mainnet',
+  name: 'Mainnet',
+  schema: NetworkBootstrapSchema,
+  symbol: 'XYOG',
+  url: 'https://api.chain.xyo.network',
+}
+
+export const KerplunkNetwork: NetworkBootstrap = {
+  description: 'Test Node for the XYO Network',
+  icon: XyoColorLogoString,
+  id: 'testnet',
+  name: 'Testnet',
+  schema: NetworkBootstrapSchema,
+  symbol: 'XYOG',
+  url: 'https://beta.api.chain.xyo.network/',
+}
+
+export const LocalNetwork: NetworkBootstrap = {
+  description: 'Local Node',
+  icon: LocalNetworkIconString,
+  id: 'local',
+  name: 'Local',
+  schema: NetworkBootstrapSchema,
+  symbol: 'XYOG',
+  url: 'http://localhost:8080',
+}

package/src/helpers/index.ts

@@ -0,0 +1 @@
+export * from './Networks.ts'

package/src/images/icons/LocalNetwork.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable @stylistic/max-len */
+import { createSvgIcon } from '@mui/material'
+import React from 'react'
+
+export const LocalNetworkIcon = createSvgIcon(
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
+    <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" />
+  </svg>,
+  'LocalNetworkIcon',
+)
+
+export const LocalNetworkIconString = `
+  <svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 -960 960 960">
+    <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" />
+  </svg>
+`

package/src/images/icons/index.ts

@@ -0,0 +1,2 @@
+export * from './LocalNetwork.tsx'
+export * from './xyoColorLogo.tsx'

package/src/images/icons/xyoColorLogo.tsx

@@ -0,0 +1,54 @@
+/* eslint-disable @stylistic/max-len */
+import { createSvgIcon } from '@mui/material'
+import React from 'react'
+
+export const XyoColorLogo = createSvgIcon(
+  <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>,
+  'XyoColorLogo',
+)
+
+export const 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>
+`

package/src/images/index.ts

@@ -0,0 +1 @@
+export * from './icons/index.ts'

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './components/index.ts'
+export * from './context/index.ts'
+export * from './helpers/index.ts'
+export * from './models/index.ts'

package/src/models/Bootstrap.ts

@@ -0,0 +1,49 @@
+import type { Address } from '@xylabs/hex'
+import { AsObjectFactory } from '@xylabs/object'
+import type { ChainInformation } from '@xyo-network/chain-model'
+import type { Payload } from '@xyo-network/payload-model'
+import { isPayloadOfSchemaType } from '@xyo-network/payload-model'
+
+export const NetworkBootstrapSchema = 'network.xyo.network.bootstrap' as const
+export type NetworkBootstrapSchema = typeof NetworkBootstrapSchema
+
+export interface ChainForkFields {
+  /** Block Number at which the chain was forked from */
+  forkedAtLastBlockNumber?: string
+  /** Hash in the last block the chain was forked from */
+  forkedAtLastHash?: string
+  /** Address of the forked chain */
+  forkedChainId?: Address
+}
+
+export interface NetworkFields {
+  /** Description of the network */
+  description: string
+  /** string representation of the icon (svg) */
+  icon?: string
+  /** Machine-readable identifier */
+  id: string
+  /** Human-readable identifier */
+  name: string
+  schema: NetworkBootstrapSchema
+  /** Symbol of the network */
+  symbol?: string
+  /** Url for accessing the network */
+  url: string
+}
+
+/** Note: Optional Properties can be found walking the chain to the genesis block */
+export interface NetworkBootstrapFields extends NetworkFields, ChainForkFields {
+  /** Address of the chain, i.e. smart contract address */
+  chainInfo?: ChainInformation
+}
+
+export interface Network extends NetworkBootstrap {
+  custom: boolean
+}
+
+export type NetworkBootstrap = Payload<NetworkBootstrapFields, NetworkBootstrapSchema>
+
+export const isNetworkBootstrap = isPayloadOfSchemaType<NetworkBootstrap>(NetworkBootstrapSchema)
+
+export const asOptionalNetwork = AsObjectFactory.createOptional(isNetworkBootstrap)

package/src/models/index.ts

@@ -0,0 +1 @@
+export * from './Bootstrap.ts'

package/src/types/images.d.ts

@@ -0,0 +1,5 @@
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.svg'
+declare module '*.gif'
+declare module '*.webp'

package/typedoc.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://typedoc.org/schema.json",
+  "entryPoints": ["src/index.ts"],
+  "tsconfig": "./tsconfig.typedoc.json"
+}

package/xy.config.ts

@@ -0,0 +1,10 @@
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: { src: true },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config