@xyo-network/react-shared 2.77.2 → 2.78.1

package/dist/browser/index.cjs

@@ -1,2 +1,984 @@
-"use strict";var St=Object.create;var I=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var Et=Object.getOwnPropertyNames;var Lt=Object.getPrototypeOf,Rt=Object.prototype.hasOwnProperty;var vt=(e,t)=>{for(var o in t)I(e,o,{get:t[o],enumerable:!0})},Ee=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Et(t))!Rt.call(e,r)&&r!==o&&I(e,r,{get:()=>t[r],enumerable:!(n=wt(t,r))||n.enumerable});return e};var p=(e,t,o)=>(o=e!=null?St(Lt(e)):{},Ee(t||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),Ft=e=>Ee(I({},"__esModule",{value:!0}),e);var mo={};vt(mo,{AddressTableCell:()=>tt,Ampersand:()=>It,BasicHero:()=>Ht,EllipsisTableCell:()=>S,EllipsisTableCellWithRef:()=>ne,EllipsizeBox:()=>M,ErrorBoundary:()=>ee,HashTableCell:()=>Qt,ListItemButtonEx:()=>zt,ListItemButtonExTo:()=>qe,ListModeContext:()=>R,ListModeProvider:()=>io,LoadResult:()=>Ot,NotFound:()=>re,PayloadDataMissing:()=>Vt,Pipe:()=>Xt,ResolvedDivinerContext:()=>ro,ResolvedDivinerProvider:()=>no,ScrollTableOnSm:()=>Yt,SectionSpacingRow:()=>Ke,ThemeTokenAvatar:()=>w,ThemeTokenAvatarGroup:()=>Ut,TokenBar:()=>Kt,TokenData:()=>O,TokenSummary:()=>eo,TypographyEx:()=>to,assertDefinedEx:()=>so,colorfulGradientDarkMode:()=>Be,colorfulGradientLightMode:()=>Ie,createContextEx:()=>L,findNetworkComponent:()=>co,findNetworkComponentIndex:()=>lo,getActualPaddingX:()=>po,networkComponents:()=>Se,parseMeausureString:()=>Pe,parsePadding:()=>ht,useContextEx:()=>Ce,useDataState:()=>Bt,useGetTokenData:()=>jt,useGradientStyles:()=>y,useIsMobile:()=>B,useIsSmall:()=>Dt,useListMode:()=>ao,useMediaQuery:()=>T.useMediaQuery,usePayloadHash:()=>Nt,usePayloadHashes:()=>Mt,usePromise:()=>Ne.usePromise,useProvided:()=>oo,useShareForwardedRef:()=>K});module.exports=Ft(mo);var Le=require("@mui/material"),Re=require("react/jsx-runtime"),It=e=>(0,Re.jsx)(Le.Typography,{marginX:1,component:"span",...e,children:"&"});var d=require("@mui/material"),We=require("@xylabs/react-button"),g=require("@xylabs/react-flexbox"),He=require("@xylabs/react-link");var ve=require("@mui/material"),Fe=require("@mui/styles"),Ie=()=>({background:{backgroundImage:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"},border:{borderImage:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",borderImageSlice:1,borderImageSource:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",borderRadius:0,borderStyle:"solid",borderWidth:"2px"},heading:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",background:"-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",display:"inline-block"}}),Be=()=>({background:{backgroundImage:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"},border:{borderImage:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",borderImageSlice:1,borderImageSource:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",borderRadius:0,borderStyle:"solid",borderWidth:"2px"},heading:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",background:"-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",display:"inline-block"}}),y=()=>{let t=(0,ve.useTheme)().palette.mode==="dark"?Be():Ie();return{classes:(0,Fe.makeStyles)(t),styles:t}};var De=require("react"),Bt=e=>{let[t,o]=(0,De.useState)(e);return[t,r=>{try{JSON.stringify(r)!==JSON.stringify(t)&&o(r)}catch{console.error("setDataState failed!  Make sure data type is stringifiable!")}}]};var J=require("@mui/material");var T=require("@mui/material");var B=()=>{let e=(0,J.useTheme)();return(0,T.useMediaQuery)(e.breakpoints.down("md"))},Dt=()=>{let e=(0,J.useTheme)();return(0,T.useMediaQuery)(e.breakpoints.down("md"))};var Q=require("@xylabs/react-promise"),U=require("@xyo-network/payload-builder"),Nt=e=>(0,Q.usePromise)(async()=>e?await U.PayloadBuilder.dataHash(e):void 0,[e])[0],Mt=e=>(0,Q.usePromise)(async()=>e?await Promise.all(e.map(async t=>[t,await U.PayloadBuilder.dataHash(t)])):void 0,[e])[0];var Ne=require("@xylabs/react-promise");var D=require("react"),K=(e,t=0)=>{let o=(0,D.useRef)(null);return(0,D.useEffect)(()=>{if(e)if(typeof e=="function"){e(o.current);return}else e.current=o.current},[e,t]),o};var i=require("react/jsx-runtime"),Wt=({backgroundImageAlignment:e,subLinkIcon:t,subLinkPath:o,subLinkText1:n,subLinkText2:r})=>(0,i.jsxs)(g.FlexGrowRow,{width:"100%",sx:{flexDirection:{md:"row",xs:"column"},justifyContent:{md:e?"flex-start":"center",xs:"center"}},children:[t?(0,i.jsxs)("span",{children:[t,"\xA0"]}):null,(0,i.jsxs)(d.Typography,{children:[n,"\xA0"]}),(0,i.jsx)(He.LinkEx,{href:o,underline:"always",target:"_blank",color:"inherit",children:(0,i.jsx)(d.Typography,{children:r})})]}),Me=({href:e,to:t,buttonText:o})=>{let n=B();return(0,i.jsx)(We.ButtonEx,{fullWidth:!0,marginTop:1,marginBottom:1,marginRight:n?2:1,marginLeft:n?2:0,target:e??"_blank",to:t,href:e,color:"primary",variant:"contained",paddingX:3,sx:{display:e||t?"flex":"none"},children:o})},Ht=({backgroundImage:e,title:t,gradientTitle:o,backgroundColor:n,textColor:r,desc:a,heroImage:s,title2:c,subLinkText1:b,subLinkText2:_,subLinkPath:v,button1Text:F,button2Text:we,button2To:gt,button1To:xt,button2Href:kt,button1Href:bt,subLinkIcon:yt,sx:Tt,...Ct})=>{let Y=B(),{classes:Pt}=y();return(0,i.jsx)(g.FlexGrowCol,{sx:{backgroundImage:`url(${e})`,backgroundPosition:{lg:"bottom",md:"center left",xs:"top left"},minHeight:{md:"500px",sm:"400px",xs:"200px"},...Tt},style:{backgroundColor:n??"",backgroundRepeat:"no-repeat",backgroundSize:"cover",color:r??""},...Ct,children:(0,i.jsx)(d.Container,{children:(0,i.jsxs)(d.Grid,{container:!0,justifyContent:"center",alignItems:"center",sx:{alignItems:{xs:"center"},justifyContent:{xs:"center"}},children:[(0,i.jsx)(d.Grid,{item:!0,xs:12,sm:8,md:e?6:8,lg:e?6:8,children:(0,i.jsxs)(g.FlexGrowCol,{paddingY:2,sx:{alignItems:{xs:e&&!Y?"flex-start":"center"}},children:[(0,i.jsxs)(d.Typography,{variant:"h1",component:"h1",gutterBottom:!0,textAlign:e&&!Y?"left":"center",children:[t?(0,i.jsx)("span",{children:`${t} `}):null,o?(0,i.jsxs)("span",{className:Pt().heading,children:[" ",` ${o}`]}):null,c?(0,i.jsx)("span",{children:` ${c}`}):null]}),(0,i.jsx)(d.Typography,{variant:"body1",component:"h2",gutterBottom:!0,textAlign:e&&!Y?"left":"center",children:a}),(0,i.jsxs)(g.FlexGrowRow,{sx:{flexDirection:{lg:"row",xs:"column"}},width:"100%",marginTop:1,children:[(0,i.jsx)(Me,{href:bt,to:xt,buttonText:F}),(0,i.jsx)(Me,{href:kt,to:gt,buttonText:we})]}),(0,i.jsx)(Wt,{subLinkIcon:yt,subLinkText1:b,subLinkText2:_,subLinkPath:v,backgroundImageAlignment:!!e})]})}),(0,i.jsx)(d.Grid,{item:!0,xs:12,md:6,children:s?(0,i.jsx)("img",{src:s,width:"100%"}):null})]})})})};var m=require("@mui/material"),x=require("react");var N=require("react/jsx-runtime"),Z="Ellipsize",At=(0,m.styled)(m.Box,{name:Z,shouldForwardProp:e=>e!=="beforeLineHeight",slot:"Root"})(({beforeLineHeight:e})=>({"&":{":before":{content:"'nbsp;'",display:"block",float:"left",visibility:"hidden",...e&&{lineHeight:e}}}})),Gt=(0,m.styled)(m.Box,{name:Z,slot:"innerWrap"})(()=>({position:"relative"})),$t=(0,m.styled)(m.Typography,{name:Z,shouldForwardProp:e=>e!=="ellipsisPosition",slot:"contentWrap"})(({theme:e,ellipsisPosition:t,fontFamily:o})=>e.unstable_sx({fontFamily:o??"monospace",left:0,overflow:"hidden",position:"absolute",right:0,textOverflow:"ellipsis",whiteSpace:"nowrap",...t==="start"?{direction:"rtl",textAlign:"left"}:{}})),qt=()=>{let[e,t]=(0,x.useState)(),o=(0,x.useCallback)(n=>{n!==null&&t(n.clientHeight+"px")},[]);return{contentWrapHeight:e,contentWrapRef:o}},M=(0,x.forwardRef)(({children:e,ellipsisPosition:t="start",disableSharedRef:o,typographyProps:n,...r},a)=>{let{contentWrapRef:s,contentWrapHeight:c}=qt(),b=K(a);return(0,N.jsx)(At,{beforeLineHeight:b&&!o?c:void 0,...r,ref:a,children:(0,N.jsx)(Gt,{children:(0,N.jsx)($t,{ref:s,component:"span",ellipsisPosition:t,variant:"body2",...n,children:e})})})});M.displayName="EllipsizeBox";var j=require("@mui/material"),Ae=require("@xylabs/react-flexbox"),Ge=require("react"),C=require("react/jsx-runtime"),ee=class extends Ge.Component{constructor(t){super(t),this.state={error:void 0}}static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,o){console.error(`${t}: ${o}`)}render(){return this.state.error?this.props.fallbackWithError?this.props.fallbackWithError(this.state.error):this.props.fallback??(0,C.jsxs)(Ae.FlexCol,{children:[(0,C.jsx)(j.Typography,{variant:"h1",children:"Something went wrong."}),(0,C.jsxs)(j.Typography,{variant:"body1",children:["[",this.state.error?.message,"]"]})]}):this.props.children}};var te=require("@mui/material"),$e=require("react-router-dom"),W=require("react/jsx-runtime"),qe=({to:e,toOptions:t,onClick:o,...n})=>{let r=(0,$e.useNavigate)();return(0,W.jsx)(te.ListItemButton,{onClick:s=>{o?.(s),e&&r(e,t)},...n})},zt=({to:e,...t})=>e?(0,W.jsx)(qe,{to:e,...t}):(0,W.jsx)(te.ListItemButton,{...t});var Oe=require("@xylabs/react-flexbox");var oe=require("@mui/material"),ze=require("@xylabs/react-flexbox"),P=require("react/jsx-runtime"),re=e=>(0,P.jsxs)(ze.FlexGrowCol,{...e,children:[(0,P.jsx)(oe.Typography,{variant:"h2",children:"Sorry!"}),(0,P.jsx)(oe.Typography,{marginY:3,variant:"body2",children:"Can't find anything here"})]});var u=require("react/jsx-runtime");function Ot(e){let{notFound:t,error:o,searchResult:n,children:r}=e;return t?(0,u.jsx)(re,{}):o?(0,u.jsx)(u.Fragment,{children:r}):n===void 0?(0,u.jsx)(Oe.FlexGrowRow,{busy:!0,minHeight:"50px"}):(0,u.jsx)(u.Fragment,{children:r})}var Xe=require("@mui/material"),Ve=require("react/jsx-runtime"),Xt=e=>(0,Ve.jsx)(Xe.Typography,{marginX:1,component:"span",...e,children:"|"});var H=require("@mui/material"),A=require("react/jsx-runtime"),Vt=({alertBody:e,...t})=>(0,A.jsxs)(H.Alert,{severity:"warning",...t,children:[(0,A.jsx)(H.AlertTitle,{children:"Missing Data"}),e??"Payload is missing required data to render correctly"]});var _e=require("@mui/material"),Ye=require("react/jsx-runtime"),_t=(0,_e.styled)("div")(({theme:e})=>({[e.breakpoints.down("md")]:{overflowX:"scroll"},display:"flex",flexGrow:1})),Yt=({children:e})=>(0,Ye.jsx)(_t,{children:e});var Je=require("@mui/material"),Qe=require("@xylabs/react-flexbox"),Ue=require("react"),Ze=require("react/jsx-runtime"),Ke=(0,Ue.forwardRef)(({children:e,sx:t,...o},n)=>{let r=(0,Je.useTheme)();return(0,Ze.jsx)(Qe.FlexGrowRow,{sx:{paddingBottom:{md:r.spacing(5),xs:r.spacing(5)},paddingTop:{md:r.spacing(5),xs:r.spacing(5)},...t},width:"100%",ref:n,...o,children:e})});Ke.displayName="SectionSpacingRow";var et=require("react");var $=require("@mui/material"),je=require("@xylabs/react-link"),q=require("react");var G=require("react/jsx-runtime"),Jt=(0,$.styled)($.TableCell,{name:"EllipsisTableCell",shouldForwardProp:e=>e!=="width",slot:"Root"})(({width:e="100%"})=>({width:e})),ne=(0,q.forwardRef)(({children:e,href:t,link:o=!1,to:n,value:r,...a},s)=>{let c=(0,q.useMemo)(()=>e||(t||o||n?(0,G.jsx)(je.LinkEx,{title:r,to:n,href:t,target:t?"_blank":void 0,children:r}):r),[e,t,o,n,r]);return(0,G.jsx)(Jt,{ref:s,...a,children:(0,G.jsx)(M,{sx:{cursor:o||n||t?"pointer":"inherit"},children:c})})});ne.displayName="EllipsisTableCell";var S=ne;var ot=require("react/jsx-runtime"),tt=(0,et.forwardRef)(({value:e,archive:t,exploreDomain:o,link:n,...r},a)=>{let s=o&&t?`${o}/archive/${t}/address/${e}`:void 0,c=o===void 0&&t?`/archive/${t}/address/${e}`:void 0;return(0,ot.jsx)(S,{value:e,href:s,to:c,ref:a,link:n,...r})});tt.displayName="AddressTableCell";var rt=require("@xyo-network/react-event"),nt=require("react");var it=require("react/jsx-runtime"),Qt=({value:e,archive:t,dataType:o,network:n,exploreDomain:r,onHashClick:a,...s})=>{let c=(0,nt.useRef)(null),[b,_]=(0,rt.useEvent)(void 0,c),v=`/${o}/hash/${e}?network=${n??"main"}`,F=t?`/archive/${t}${v}`:v;return(0,it.jsx)(S,{onClick:()=>{a?a(e):_?.("hash","click",e)},ref:b,value:e,href:r?`${r}${F}}`:void 0,to:r?void 0:F,...s})};var z=require("@mui/material"),at=require("react/jsx-runtime"),w=({...e})=>{let t=(0,z.useTheme)();return(0,at.jsx)(z.Avatar,{sx:{background:t.palette.common.white},...e})};var st=require("@mui/material");var ie=require("react/jsx-runtime"),Ut=({images:e,...t})=>(0,ie.jsx)(st.AvatarGroup,{...t,children:e?.map((o,n)=>(0,ie.jsx)(w,{src:o},n))});var E=require("@mui/material"),pt=require("@xylabs/react-flexbox"),k=require("react/jsx-runtime"),Kt=({text1:e,text1Props:t,text1Suffix:o,text2:n,text2Props:r,text2Suffix:a,...s})=>(0,k.jsx)(E.Paper,{elevation:0,className:"TokenBar-root",...s,children:(0,k.jsxs)(pt.FlexRow,{justifyContent:"space-between",children:[(0,k.jsxs)(E.Typography,{variant:"body1",fontWeight:300,margin:1,...t,children:[e,o]}),(0,k.jsxs)(E.Typography,{variant:"body1",fontWeight:300,textTransform:"uppercase",color:"gray",margin:1,...r,children:[n,a]})]})});var ae=p(require("./ada-JCPSRXND.png"),1),se=p(require("./btc-SRW7TEQV.png"),1),pe=p(require("./busd-RAN4SWCI.png"),1),le=p(require("./dai-FZSM2RYY.png"),1),de=p(require("./dogecoin-QOIF7Q5M.png"),1),ce=p(require("./dot-P5Z7IW2O.png"),1),me=p(require("./ethereum-3SLTXYTT.png"),1),ue=p(require("./frax-TQDXCCOP.png"),1),fe=p(require("./link-THYNVLXG.png"),1),he=p(require("./sol-A4J5S4EN.png"),1),ge=p(require("./tether-3X63FB23.png"),1),xe=p(require("./usd-coin-UCS44T5B.png"),1),ke=p(require("./weth-HDGYDSJB.png"),1),be=p(require("./wrapped-bitcoin-TS5QFJLK.png"),1),ye=p(require("./xyo-RLMLL56X.png"),1);var O=[{coinmarketcapLink:"https://coinmarketcap.com/currencies/multi-collateral-dai/",etherscanLink:"https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",icon:le.default,readableName:"Dai",tokenSymbol:"dai",uniqueTokenId:"dai"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/weth/",etherscanLink:"https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",icon:ke.default,readableName:"Weth",tokenSymbol:"weth",uniqueTokenId:"weth"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/ethereum/",etherscanLink:"n/a",icon:me.default,readableName:"Ethereum",tokenSymbol:"eth",uniqueTokenId:"ethereum"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/bitcoin/",etherscanLink:"n/a",icon:se.default,readableName:"Bitcoin",tokenSymbol:"btc",uniqueTokenId:"btc"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/xyo/",etherscanLink:"https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",icon:ye.default,readableName:"XYO",tokenSymbol:"xyo",uniqueTokenId:"xyo"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/frax/",etherscanLink:"https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",icon:ue.default,readableName:"Frax",tokenSymbol:"frax",uniqueTokenId:"frax"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/wrapped-bitcoin/",etherscanLink:"https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",icon:be.default,readableName:"Wrapped BTC",tokenSymbol:"wbtc",uniqueTokenId:"wbtc"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/usd-coin/",etherscanLink:"https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",icon:xe.default,readableName:"USDC",tokenSymbol:"usdc",uniqueTokenId:"usdc"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/tether/",etherscanLink:"https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",icon:ge.default,readableName:"Tether",tokenSymbol:"usdt",uniqueTokenId:"usdt"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/cardano/",etherscanLink:"https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",icon:ae.default,readableName:"Cardano",tokenSymbol:"ada",uniqueTokenId:"ada"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/binance-usd/",etherscanLink:"https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",icon:pe.default,readableName:"Binance USD",tokenSymbol:"busd",uniqueTokenId:"busd"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/dogecoin/",etherscanLink:"https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",icon:de.default,readableName:"Dogecoin",tokenSymbol:"doge",uniqueTokenId:"doge"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/polkadot-new/",etherscanLink:"https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",icon:ce.default,readableName:"Polkadot",tokenSymbol:"dot",uniqueTokenId:"dot"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/chainlink/",etherscanLink:"https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",icon:fe.default,readableName:"ChainLink",tokenSymbol:"link",uniqueTokenId:"link"},{coinmarketcapLink:"https://coinmarketcap.com/currencies/solana/",etherscanLink:"https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",icon:he.default,readableName:"Solana",tokenSymbol:"sol",uniqueTokenId:"sol"}];var jt=e=>e?.map(t=>O.find(r=>r.tokenSymbol===t)??O[0]);var X=require("@mui/material");var f=require("react/jsx-runtime"),eo=({icon:e,symbol:t,symbolElement:o,children:n,...r})=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(X.CardHeader,{avatar:(0,f.jsx)(w,{src:e,alt:t}),title:(0,f.jsx)(X.Typography,{variant:"h6",fontWeight:300,textTransform:"uppercase",children:o??t}),...r}),n]});var lt=require("@mui/material");var dt=require("react/jsx-runtime"),to=({gradient:e,...t})=>{let{classes:o}=y();return(0,dt.jsx)(lt.Typography,{className:e==="text"?o().heading:void 0,...t})};var ct=require("react"),L=()=>(0,ct.createContext)({provided:!1});var Te=require("react"),Ce=(e,t,o=!0)=>{let{provided:n,...r}=(0,Te.useContext)(e);if(!n&&o)throw new Error(`use${t} can not be used outside of a ${t}Context when required=true`);return r},oo=e=>{let{provided:t}=(0,Te.useContext)(e);return t};var ro=()=>L();var V=require("react"),mt=require("react/jsx-runtime"),no=({diviner:e,required:t=!1,children:o,context:n})=>{let[r,a]=(0,V.useState)(e);(0,V.useEffect)(()=>{e&&a(e)},[e,a]);let s=()=>e?r===e?r:void 0:r;return(0,mt.jsx)(n.Provider,{value:{diviner:s(),provided:!0,setDiviner:a},children:r?o:t?null:o})};var R=L();var ut=require("react");var ft=require("react/jsx-runtime"),io=({children:e,defaultListMode:t})=>{let[o,n]=(0,ut.useState)(t??"default");return(0,ft.jsx)(R.Provider,{value:{listMode:o,provided:!0,setListMode:n},children:e})};var ao=(e=!1)=>Ce(R,"ListMode",e);var so=(e,t)=>{if(e!=null)return e;throw new Error(t)};var Pe=(e,t)=>{if(e!=null&&e.length>0){if(e.endsWith("px"))return Number.parseFloat(e.slice(0,Math.max(0,e.length-2)));if(e.endsWith("%")){if(t!==void 0)return Number.parseFloat(e.slice(0,Math.max(0,e.length-1)))/100*t;throw new Error("Error Parsing Measure [missing absolute]")}else{if(e.endsWith("vw"))return Number.parseFloat(e.slice(0,Math.max(0,e.length-2)))/100*window.innerWidth;if(e.endsWith("vh"))return Number.parseFloat(e.slice(0,Math.max(0,e.length-2)))/100*window.innerHeight}throw new Error(`Error Parsing Measure [${e}]`)}},ht=e=>{let t=e.split(" ");switch(t.length){case 4:return{bottom:t[2],left:t[3],right:t[1],top:t[0]};case 3:return{bottom:t[2],right:t[1],top:t[0]};case 2:return{bottom:t[0],left:t[1],right:t[1],top:t[0]};case 1:return{bottom:t[0],left:t[0],right:t[0],top:t[0]}}},po=e=>{let t=ht(window.getComputedStyle(e,null).getPropertyValue("padding")),o=Pe(window.getComputedStyle(e,null).getPropertyValue("padding-left")??t?.left,e.clientWidth)??0,n=Pe(window.getComputedStyle(e,null).getPropertyValue("padding-right")??t?.right,e.clientWidth)??0;return o+n};var l=require("@mui/icons-material"),h=require("react/jsx-runtime"),Se=[{icon:e=>(0,h.jsx)(l.HubRounded,{...e}),name:"Node",slug:"node"},{icon:e=>(0,h.jsx)(l.TimerRounded,{...e}),name:"Sentinel",slug:"sentinel"},{icon:e=>(0,h.jsx)(l.InsertLinkRounded,{...e}),name:"Bridge",slug:"bridge"},{icon:e=>(0,h.jsx)(l.Inventory2Rounded,{...e}),name:"Archivist",slug:"archivist"},{icon:e=>(0,h.jsx)(l.BubbleChartRounded,{...e}),name:"Diviner",slug:"diviner"},{icon:e=>(0,h.jsx)(l.VisibilityRounded,{...e}),name:"Witness",slug:"witness"}],lo=e=>Se.findIndex(t=>t.slug===e),co=e=>Se.find(t=>t.slug===e);
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AddressTableCell: () => AddressTableCell,
+  Ampersand: () => Ampersand,
+  BasicHero: () => BasicHero,
+  EllipsisTableCell: () => EllipsisTableCell,
+  EllipsisTableCellWithRef: () => EllipsisTableCellWithRef,
+  EllipsizeBox: () => EllipsizeBox,
+  ErrorBoundary: () => ErrorBoundary,
+  HashTableCell: () => HashTableCell,
+  ListItemButtonEx: () => ListItemButtonEx,
+  ListItemButtonExTo: () => ListItemButtonExTo,
+  ListModeContext: () => ListModeContext,
+  ListModeProvider: () => ListModeProvider,
+  LoadResult: () => LoadResult,
+  NotFound: () => NotFound,
+  PayloadDataMissing: () => PayloadDataMissing,
+  Pipe: () => Pipe,
+  ResolvedDivinerContext: () => ResolvedDivinerContext,
+  ResolvedDivinerProvider: () => ResolvedDivinerProvider,
+  ScrollTableOnSm: () => ScrollTableOnSm,
+  SectionSpacingRow: () => SectionSpacingRow,
+  ThemeTokenAvatar: () => ThemeTokenAvatar,
+  ThemeTokenAvatarGroup: () => ThemeTokenAvatarGroup,
+  TokenBar: () => TokenBar,
+  TokenData: () => TokenData,
+  TokenSummary: () => TokenSummary,
+  TypographyEx: () => TypographyEx,
+  assertDefinedEx: () => assertDefinedEx,
+  colorfulGradientDarkMode: () => colorfulGradientDarkMode,
+  colorfulGradientLightMode: () => colorfulGradientLightMode,
+  createContextEx: () => createContextEx,
+  findNetworkComponent: () => findNetworkComponent,
+  findNetworkComponentIndex: () => findNetworkComponentIndex,
+  getActualPaddingX: () => getActualPaddingX,
+  networkComponents: () => networkComponents,
+  parseMeausureString: () => parseMeausureString,
+  parsePadding: () => parsePadding,
+  useContextEx: () => useContextEx,
+  useDataState: () => useDataState,
+  useGetTokenData: () => useGetTokenData,
+  useGradientStyles: () => useGradientStyles,
+  useIsMobile: () => useIsMobile,
+  useIsSmall: () => useIsSmall,
+  useListMode: () => useListMode,
+  useMediaQuery: () => import_material3.useMediaQuery,
+  usePayloadHash: () => usePayloadHash,
+  usePayloadHashes: () => usePayloadHashes,
+  usePromise: () => import_react_promise2.usePromise,
+  useProvided: () => useProvided,
+  useShareForwardedRef: () => useShareForwardedRef
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Ampersand.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Ampersand = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { marginX: 1, component: "span", ...props, children: "&" });
+};
+
+// src/components/BasicHero/BasicHero.tsx
+var import_material5 = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_link = require("@xylabs/react-link");
+
+// src/hooks/GradientStyles/GradientStyles.tsx
+var import_material2 = require("@mui/material");
+var import_styles = require("@mui/styles");
+var colorfulGradientLightMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      display: "inline-block"
+    }
+  };
+};
+var colorfulGradientDarkMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      display: "inline-block"
+    }
+  };
+};
+var useGradientStyles = () => {
+  const theme = (0, import_material2.useTheme)();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = (0, import_styles.makeStyles)(styles);
+  return { classes, styles };
+};
+
+// src/hooks/useDataState.ts
+var import_react = require("react");
+var useDataState = (defaultValue) => {
+  const [state, setState] = (0, import_react.useState)(defaultValue);
+  const setDataState = (value) => {
+    try {
+      if (JSON.stringify(value) !== JSON.stringify(state)) {
+        setState(value);
+      }
+    } catch {
+      console.error("setDataState failed!  Make sure data type is stringifiable!");
+    }
+  };
+  return [state, setDataState];
+};
+
+// src/hooks/useIsMobile.ts
+var import_material4 = require("@mui/material");
+
+// src/hooks/useMediaQuery.ts
+var import_material3 = require("@mui/material");
+
+// src/hooks/useIsMobile.ts
+var useIsMobile = () => {
+  const theme = (0, import_material4.useTheme)();
+  return (0, import_material3.useMediaQuery)(theme.breakpoints.down("md"));
+};
+var useIsSmall = () => {
+  const theme = (0, import_material4.useTheme)();
+  return (0, import_material3.useMediaQuery)(theme.breakpoints.down("md"));
+};
+
+// src/hooks/usePayloadHash.ts
+var import_react_promise = require("@xylabs/react-promise");
+var import_payload_builder = require("@xyo-network/payload-builder");
+var usePayloadHash = (payload) => {
+  return (0, import_react_promise.usePromise)(async () => payload ? await import_payload_builder.PayloadBuilder.dataHash(payload) : void 0, [payload])[0];
+};
+var usePayloadHashes = (payloads) => {
+  return (0, import_react_promise.usePromise)(
+    async () => payloads ? await Promise.all(payloads.map(async (payload) => [payload, await import_payload_builder.PayloadBuilder.dataHash(payload)])) : void 0,
+    [payloads]
+  )[0];
+};
+
+// src/hooks/usePromise.ts
+var import_react_promise2 = require("@xylabs/react-promise");
+
+// src/hooks/useShareForwardRef.ts
+var import_react2 = require("react");
+var useShareForwardedRef = (forwardedRef, refresh = 0) => {
+  const innerRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!forwardedRef) {
+      return;
+    }
+    if (typeof forwardedRef === "function") {
+      forwardedRef(innerRef.current);
+      return;
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef, refresh]);
+  return innerRef;
+};
+
+// src/components/BasicHero/BasicHero.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SubLinkSection = ({ backgroundImageAlignment, subLinkIcon, subLinkPath, subLinkText1, subLinkText2 }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_react_flexbox.FlexGrowRow,
+    {
+      width: "100%",
+      sx: { flexDirection: { md: "row", xs: "column" }, justifyContent: { md: backgroundImageAlignment ? "flex-start" : "center", xs: "center" } },
+      children: [
+        subLinkIcon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+          subLinkIcon,
+          "\xA0"
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material5.Typography, { children: [
+          subLinkText1,
+          "\xA0"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_link.LinkEx, { href: subLinkPath, underline: "always", target: "_blank", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material5.Typography, { children: subLinkText2 }) })
+      ]
+    }
+  );
+};
+var ButtonSection = ({ href, to, buttonText }) => {
+  const isMobile = useIsMobile();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_button.ButtonEx,
+    {
+      fullWidth: true,
+      marginTop: 1,
+      marginBottom: 1,
+      marginRight: isMobile ? 2 : 1,
+      marginLeft: isMobile ? 2 : 0,
+      target: href ?? "_blank",
+      to,
+      href,
+      color: "primary",
+      variant: "contained",
+      paddingX: 3,
+      sx: { display: href || to ? "flex" : "none" },
+      children: buttonText
+    }
+  );
+};
+var BasicHero = ({
+  backgroundImage,
+  title,
+  gradientTitle,
+  backgroundColor,
+  textColor,
+  desc,
+  heroImage,
+  title2,
+  subLinkText1,
+  subLinkText2,
+  subLinkPath,
+  button1Text,
+  button2Text,
+  button2To,
+  button1To,
+  button2Href,
+  button1Href,
+  subLinkIcon,
+  sx,
+  ...props
+}) => {
+  const isMobile = useIsMobile();
+  const { classes } = useGradientStyles();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_flexbox.FlexGrowCol,
+    {
+      sx: {
+        backgroundImage: `url(${backgroundImage})`,
+        backgroundPosition: { lg: "bottom", md: "center left", xs: "top left" },
+        minHeight: {
+          md: "500px",
+          sm: "400px",
+          xs: "200px"
+        },
+        ...sx
+      },
+      style: {
+        backgroundColor: backgroundColor ?? "",
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "cover",
+        color: textColor ?? ""
+      },
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material5.Container, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        import_material5.Grid,
+        {
+          container: true,
+          justifyContent: "center",
+          alignItems: "center",
+          sx: {
+            alignItems: { xs: "center" },
+            justifyContent: { xs: "center" }
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material5.Grid, { item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowCol, { paddingY: 2, sx: { alignItems: { xs: backgroundImage && !isMobile ? "flex-start" : "center" } }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material5.Typography, { variant: "h1", component: "h1", gutterBottom: true, textAlign: backgroundImage && !isMobile ? "left" : "center", children: [
+                title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${title} ` }) : null,
+                gradientTitle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: classes().heading, children: [
+                  " ",
+                  ` ${gradientTitle}`
+                ] }) : null,
+                title2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: ` ${title2}` }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material5.Typography, { variant: "body1", component: "h2", gutterBottom: true, textAlign: backgroundImage && !isMobile ? "left" : "center", children: desc }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { sx: { flexDirection: { lg: "row", xs: "column" } }, width: "100%", marginTop: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ButtonSection, { href: button1Href, to: button1To, buttonText: button1Text }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ButtonSection, { href: button2Href, to: button2To, buttonText: button2Text })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                SubLinkSection,
+                {
+                  subLinkIcon,
+                  subLinkText1,
+                  subLinkText2,
+                  subLinkPath,
+                  backgroundImageAlignment: backgroundImage ? true : false
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material5.Grid, { item: true, xs: 12, md: 6, children: heroImage ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: heroImage, width: "100%" }) : null })
+          ]
+        }
+      ) })
+    }
+  );
+};
+
+// src/components/Ellipsize.tsx
+var import_material6 = require("@mui/material");
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ComponentName = "Ellipsize";
+var EllipsizeRoot = (0, import_material6.styled)(import_material6.Box, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "beforeLineHeight",
+  slot: "Root"
+})(({ beforeLineHeight }) => ({
+  "&": {
+    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
+    // the pseudo element with a hidden character establishes the proper height of the content and hides it
+    ":before": {
+      content: "'nbsp;'",
+      display: "block",
+      // take the pseudo element out of the `display: block` flow so it won't push against our actual content
+      float: "left",
+      visibility: "hidden",
+      // since we are `display: block`, lineHeight is the height
+      ...beforeLineHeight && { lineHeight: beforeLineHeight }
+    }
+  }
+}));
+var EllipsizeInnerWrap = (0, import_material6.styled)(import_material6.Box, {
+  name: ComponentName,
+  slot: "innerWrap"
+})(() => ({
+  position: "relative"
+}));
+var EllipsizeContentWrap = (0, import_material6.styled)(import_material6.Typography, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "ellipsisPosition",
+  slot: "contentWrap"
+})(({ theme, ellipsisPosition, fontFamily }) => {
+  return theme.unstable_sx({
+    fontFamily: fontFamily ?? "monospace",
+    left: 0,
+    overflow: "hidden",
+    position: "absolute",
+    right: 0,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    ...ellipsisPosition === "start" ? {
+      direction: "rtl",
+      textAlign: "left"
+    } : {}
+  });
+});
+var useClientHeight = () => {
+  const [contentWrapHeight, setContentWrapHeight] = (0, import_react3.useState)();
+  const contentWrapRef = (0, import_react3.useCallback)((node) => {
+    if (node !== null) {
+      setContentWrapHeight(node.clientHeight + "px");
+    }
+  }, []);
+  return { contentWrapHeight, contentWrapRef };
+};
+var EllipsizeBox = (0, import_react3.forwardRef)(
+  ({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
+    const { contentWrapRef, contentWrapHeight } = useClientHeight();
+    const sharedRef = useShareForwardedRef(ref);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EllipsizeInnerWrap, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
+  }
+);
+EllipsizeBox.displayName = "EllipsizeBox";
+
+// src/components/ErrorBoundary.tsx
+var import_material7 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react4.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: void 0 };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(`${error}: ${errorInfo}`);
+  }
+  render() {
+    if (this.state.error) {
+      if (this.props.fallbackWithError) {
+        return this.props.fallbackWithError(this.state.error);
+      }
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_flexbox2.FlexCol, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material7.Typography, { variant: "h1", children: "Something went wrong." }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material7.Typography, { variant: "body1", children: [
+          "[",
+          this.state.error?.message,
+          "]"
+        ] })
+      ] });
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/ListItemButtonEx.tsx
+var import_material8 = require("@mui/material");
+var import_react_router_dom = require("react-router-dom");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ListItemButtonExTo = ({ to, toOptions, onClick, ...props }) => {
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const localOnClick = (event) => {
+    onClick?.(event);
+    if (to) {
+      navigate(to, toOptions);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material8.ListItemButton, { onClick: localOnClick, ...props });
+};
+var ListItemButtonEx = ({ to, ...props }) => {
+  return to ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ListItemButtonExTo, { to, ...props }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material8.ListItemButton, { ...props });
+};
+
+// src/components/LoadResult.tsx
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+
+// src/components/NotFound.tsx
+var import_material9 = require("@mui/material");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var NotFound = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_flexbox3.FlexGrowCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material9.Typography, { variant: "h2", children: "Sorry!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material9.Typography, { marginY: 3, variant: "body2", children: "Can't find anything here" })
+  ] });
+};
+
+// src/components/LoadResult.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function LoadResult(props) {
+  const { notFound, error, searchResult, children } = props;
+  if (notFound) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NotFound, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children });
+  }
+  return searchResult === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_flexbox4.FlexGrowRow, { busy: true, minHeight: "50px" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children });
+}
+
+// src/components/Pipe.tsx
+var import_material10 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Pipe = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material10.Typography, { marginX: 1, component: "span", ...props, children: "|" });
+};
+
+// src/components/pluginValidation/DataMissing.tsx
+var import_material11 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var PayloadDataMissing = ({ alertBody, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material11.Alert, { severity: "warning", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material11.AlertTitle, { children: "Missing Data" }),
+    alertBody ?? "Payload is missing required data to render correctly"
+  ] });
+};
+
+// src/components/ScrollTableOnSm.tsx
+var import_material12 = require("@mui/material");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var StyledScrollTableOnSm = (0, import_material12.styled)("div")(({ theme }) => ({
+  [theme.breakpoints.down("md")]: {
+    overflowX: "scroll"
+  },
+  display: "flex",
+  flexGrow: 1
+}));
+var ScrollTableOnSm = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StyledScrollTableOnSm, { children });
+
+// src/components/SectionSpacingRow/SectionSpacingRow.tsx
+var import_material13 = require("@mui/material");
+var import_react_flexbox5 = require("@xylabs/react-flexbox");
+var import_react5 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var SectionSpacingRow = (0, import_react5.forwardRef)(({ children, sx, ...props }, ref) => {
+  const theme = (0, import_material13.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_react_flexbox5.FlexGrowRow,
+    {
+      sx: {
+        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
+        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
+        ...sx
+      },
+      width: "100%",
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+SectionSpacingRow.displayName = "SectionSpacingRow";
+
+// src/components/TableCell/AddressTableCell.tsx
+var import_react7 = require("react");
+
+// src/components/TableCell/EllipsisTableCell.tsx
+var import_material14 = require("@mui/material");
+var import_react_link2 = require("@xylabs/react-link");
+var import_react6 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var EllipsisTableCellRoot = (0, import_material14.styled)(import_material14.TableCell, {
+  name: "EllipsisTableCell",
+  shouldForwardProp: (prop) => prop !== "width",
+  slot: "Root"
+})(({ width = "100%" }) => ({
+  width
+}));
+var EllipsisTableCellWithRef = (0, import_react6.forwardRef)(
+  ({ children, href, link = false, to, value, ...props }, ref) => {
+    const data = (0, import_react6.useMemo)(() => {
+      if (children) {
+        return children;
+      }
+      if (href || link || to) {
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_link2.LinkEx, { title: value, to, href, target: href ? "_blank" : void 0, children: value });
+      }
+      return value;
+    }, [children, href, link, to, value]);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EllipsisTableCellRoot, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EllipsizeBox, { sx: { cursor: link || to || href ? "pointer" : "inherit" }, children: data }) });
+  }
+);
+EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
+var EllipsisTableCell = EllipsisTableCellWithRef;
+
+// src/components/TableCell/AddressTableCell.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var AddressTableCell = (0, import_react7.forwardRef)(({ value, archive, exploreDomain, link, ...props }, ref) => {
+  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
+  const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EllipsisTableCell, { value, href, to, ref, link, ...props });
+});
+AddressTableCell.displayName = "AddressTableCell";
+
+// src/components/TableCell/HashTableCell.tsx
+var import_react_event = require("@xyo-network/react-event");
+var import_react8 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var HashTableCell = ({ value, archive, dataType, network, exploreDomain, onHashClick, ...props }) => {
+  const ref = (0, import_react8.useRef)(null);
+  const [tableCellRef, dispatch] = (0, import_react_event.useEvent)(void 0, ref);
+  const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
+  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
+  const handleCellClick = () => {
+    if (onHashClick) {
+      onHashClick(value);
+    } else {
+      dispatch?.("hash", "click", value);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    EllipsisTableCell,
+    {
+      onClick: handleCellClick,
+      ref: tableCellRef,
+      value,
+      href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
+      to: exploreDomain ? void 0 : explorePath,
+      ...props
+    }
+  );
+};
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var import_material15 = require("@mui/material");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material15.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material15.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+var import_material16 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ThemeTokenAvatarGroup = ({ images, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material16.AvatarGroup, { ...props, children: images?.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThemeTokenAvatar, { src: image }, index)) });
+};
+
+// src/components/TokenBar/TokenBar.tsx
+var import_material17 = require("@mui/material");
+var import_react_flexbox6 = require("@xylabs/react-flexbox");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var TokenBar = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material17.Paper, { elevation: 0, className: "TokenBar-root", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_flexbox6.FlexRow, { justifyContent: "space-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material17.Typography, { variant: "body1", fontWeight: 300, margin: 1, ...text1Props, children: [
+      text1,
+      text1Suffix
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material17.Typography, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1, ...text2Props, children: [
+      text2,
+      text2Suffix
+    ] })
+  ] }) });
+};
+
+// src/components/TokenData/img/index.ts
+var import_ada = __toESM(require("./ada-JCPSRXND.png"), 1);
+var import_btc = __toESM(require("./btc-SRW7TEQV.png"), 1);
+var import_busd = __toESM(require("./busd-RAN4SWCI.png"), 1);
+var import_dai = __toESM(require("./dai-FZSM2RYY.png"), 1);
+var import_dogecoin = __toESM(require("./dogecoin-QOIF7Q5M.png"), 1);
+var import_dot = __toESM(require("./dot-P5Z7IW2O.png"), 1);
+var import_ethereum = __toESM(require("./ethereum-3SLTXYTT.png"), 1);
+var import_frax = __toESM(require("./frax-TQDXCCOP.png"), 1);
+var import_link = __toESM(require("./link-THYNVLXG.png"), 1);
+var import_sol = __toESM(require("./sol-A4J5S4EN.png"), 1);
+var import_tether = __toESM(require("./tether-3X63FB23.png"), 1);
+var import_usd_coin = __toESM(require("./usd-coin-UCS44T5B.png"), 1);
+var import_weth = __toESM(require("./weth-HDGYDSJB.png"), 1);
+var import_wrapped_bitcoin = __toESM(require("./wrapped-bitcoin-TS5QFJLK.png"), 1);
+var import_xyo = __toESM(require("./xyo-RLMLL56X.png"), 1);
+
+// src/components/TokenData/TokenData.ts
+var TokenData = [
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/multi-collateral-dai/",
+    etherscanLink: "https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",
+    icon: import_dai.default,
+    readableName: "Dai",
+    tokenSymbol: "dai",
+    uniqueTokenId: "dai"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/weth/",
+    etherscanLink: "https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",
+    icon: import_weth.default,
+    readableName: "Weth",
+    tokenSymbol: "weth",
+    uniqueTokenId: "weth"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/ethereum/",
+    etherscanLink: "n/a",
+    icon: import_ethereum.default,
+    readableName: "Ethereum",
+    tokenSymbol: "eth",
+    uniqueTokenId: "ethereum"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/bitcoin/",
+    etherscanLink: "n/a",
+    icon: import_btc.default,
+    readableName: "Bitcoin",
+    tokenSymbol: "btc",
+    uniqueTokenId: "btc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/xyo/",
+    etherscanLink: "https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",
+    icon: import_xyo.default,
+    readableName: "XYO",
+    tokenSymbol: "xyo",
+    uniqueTokenId: "xyo"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/frax/",
+    etherscanLink: "https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",
+    icon: import_frax.default,
+    readableName: "Frax",
+    tokenSymbol: "frax",
+    uniqueTokenId: "frax"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/wrapped-bitcoin/",
+    etherscanLink: "https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",
+    icon: import_wrapped_bitcoin.default,
+    readableName: "Wrapped BTC",
+    tokenSymbol: "wbtc",
+    uniqueTokenId: "wbtc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/usd-coin/",
+    etherscanLink: "https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
+    icon: import_usd_coin.default,
+    readableName: "USDC",
+    tokenSymbol: "usdc",
+    uniqueTokenId: "usdc"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/tether/",
+    etherscanLink: "https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",
+    icon: import_tether.default,
+    readableName: "Tether",
+    tokenSymbol: "usdt",
+    uniqueTokenId: "usdt"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/cardano/",
+    etherscanLink: "https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",
+    icon: import_ada.default,
+    readableName: "Cardano",
+    tokenSymbol: "ada",
+    uniqueTokenId: "ada"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/binance-usd/",
+    etherscanLink: "https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",
+    icon: import_busd.default,
+    readableName: "Binance USD",
+    tokenSymbol: "busd",
+    uniqueTokenId: "busd"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/dogecoin/",
+    etherscanLink: "https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",
+    icon: import_dogecoin.default,
+    readableName: "Dogecoin",
+    tokenSymbol: "doge",
+    uniqueTokenId: "doge"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/polkadot-new/",
+    etherscanLink: "https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",
+    icon: import_dot.default,
+    readableName: "Polkadot",
+    tokenSymbol: "dot",
+    uniqueTokenId: "dot"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/chainlink/",
+    etherscanLink: "https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",
+    icon: import_link.default,
+    readableName: "ChainLink",
+    tokenSymbol: "link",
+    uniqueTokenId: "link"
+  },
+  {
+    coinmarketcapLink: "https://coinmarketcap.com/currencies/solana/",
+    etherscanLink: "https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",
+    icon: import_sol.default,
+    readableName: "Solana",
+    tokenSymbol: "sol",
+    uniqueTokenId: "sol"
+  }
+];
+
+// src/components/TokenData/useGetTokenData.tsx
+var useGetTokenData = (symbols) => {
+  return symbols?.map((symbol) => {
+    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol);
+    const checkedTokenData = additionalTokenData ?? TokenData[0];
+    return checkedTokenData;
+  });
+};
+
+// src/components/TokenSummary/TokenSummary.tsx
+var import_material18 = require("@mui/material");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var TokenSummary = ({ icon, symbol, symbolElement, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_material18.CardHeader,
+      {
+        avatar: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeTokenAvatar, { src: icon, alt: symbol }),
+        title: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material18.Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", children: symbolElement ?? symbol }),
+        ...props
+      }
+    ),
+    children
+  ] });
+};
+
+// src/components/TypographyEx.tsx
+var import_material19 = require("@mui/material");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var TypographyEx = ({ gradient, ...props }) => {
+  const { classes } = useGradientStyles();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material19.Typography, { className: gradient === "text" ? classes().heading : void 0, ...props });
+};
+
+// src/contexts/contextEx/create.ts
+var import_react9 = require("react");
+var createContextEx = () => (0, import_react9.createContext)({ provided: false });
+
+// src/contexts/contextEx/use.ts
+var import_react10 = require("react");
+var useContextEx = (context, contextName, required = true) => {
+  const { provided, ...props } = (0, import_react10.useContext)(context);
+  if (!provided && required) {
+    throw new Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`);
+  }
+  return props;
+};
+var useProvided = (context) => {
+  const { provided } = (0, import_react10.useContext)(context);
+  return provided;
+};
+
+// src/contexts/diviner/Context.tsx
+var ResolvedDivinerContext = () => createContextEx();
+
+// src/contexts/diviner/Provider.tsx
+var import_react11 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ResolvedDivinerProvider = ({ diviner: divinerProp, required = false, children, context }) => {
+  const [diviner, setDiviner] = (0, import_react11.useState)(divinerProp);
+  (0, import_react11.useEffect)(() => {
+    if (divinerProp) {
+      setDiviner(divinerProp);
+    }
+  }, [divinerProp, setDiviner]);
+  const resolveDiviner = () => {
+    if (divinerProp) {
+      return diviner === divinerProp ? diviner : void 0;
+    } else {
+      return diviner;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    context.Provider,
+    {
+      value: {
+        diviner: resolveDiviner(),
+        provided: true,
+        setDiviner
+      },
+      children: diviner ? children : required ? null : children
+    }
+  );
+};
+
+// src/contexts/ListMode/Context.ts
+var ListModeContext = createContextEx();
+
+// src/contexts/ListMode/Provider.tsx
+var import_react12 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var ListModeProvider = ({ children, defaultListMode }) => {
+  const [listMode, setListMode] = (0, import_react12.useState)(defaultListMode ?? "default");
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    ListModeContext.Provider,
+    {
+      value: {
+        listMode,
+        provided: true,
+        setListMode
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/ListMode/use.ts
+var useListMode = (required = false) => {
+  return useContextEx(ListModeContext, "ListMode", required);
+};
+
+// src/lib/assertDefinedEx.ts
+var assertDefinedEx = (expr, message) => {
+  if (expr !== null && expr !== void 0) return expr;
+  throw new Error(message);
+};
+
+// src/lib/getActualPaddingX.ts
+var parseMeausureString = (measure, absolute) => {
+  if (measure !== void 0 && measure !== null && measure.length > 0) {
+    if (measure.endsWith("px")) {
+      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2)));
+    } else if (measure.endsWith("%")) {
+      if (absolute !== void 0) {
+        return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 1))) / 100 * absolute;
+      }
+      throw new Error("Error Parsing Measure [missing absolute]");
+    } else if (measure.endsWith("vw")) {
+      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100 * window.innerWidth;
+    } else if (measure.endsWith("vh")) {
+      return Number.parseFloat(measure.slice(0, Math.max(0, measure.length - 2))) / 100 * window.innerHeight;
+    }
+    throw new Error(`Error Parsing Measure [${measure}]`);
+  }
+};
+var parsePadding = (padding) => {
+  const parts = padding.split(" ");
+  switch (parts.length) {
+    case 4: {
+      return {
+        bottom: parts[2],
+        left: parts[3],
+        right: parts[1],
+        top: parts[0]
+      };
+    }
+    case 3: {
+      return {
+        bottom: parts[2],
+        right: parts[1],
+        top: parts[0]
+      };
+    }
+    case 2: {
+      return {
+        bottom: parts[0],
+        left: parts[1],
+        right: parts[1],
+        top: parts[0]
+      };
+    }
+    case 1: {
+      return {
+        bottom: parts[0],
+        left: parts[0],
+        right: parts[0],
+        top: parts[0]
+      };
+    }
+  }
+};
+var getActualPaddingX = (element) => {
+  const padding = parsePadding(window.getComputedStyle(element, null).getPropertyValue("padding"));
+  const paddingLeft = parseMeausureString(window.getComputedStyle(element, null).getPropertyValue("padding-left") ?? padding?.left, element.clientWidth) ?? 0;
+  const paddingRight = parseMeausureString(window.getComputedStyle(element, null).getPropertyValue("padding-right") ?? padding?.right, element.clientWidth) ?? 0;
+  return paddingLeft + paddingRight;
+};
+
+// src/lib/networkComponents.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var networkComponents = [
+  { icon: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material.HubRounded, { ...props }), name: "Node", slug: "node" },
+  { icon: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material.TimerRounded, { ...props }), name: "Sentinel", slug: "sentinel" },
+  { icon: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material.InsertLinkRounded, { ...props }), name: "Bridge", slug: "bridge" },
+  { icon: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material.Inventory2Rounded, { ...props }), name: "Archivist", slug: "archivist" },
+  { icon: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material.BubbleChartRounded, { ...props }), name: "Diviner", slug: "diviner" },
+  { icon: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_material.VisibilityRounded, { ...props }), name: "Witness", slug: "witness" }
+];
+var findNetworkComponentIndex = (slug) => {
+  return networkComponents.findIndex((info) => info.slug === slug);
+};
+var findNetworkComponent = (slug) => {
+  return networkComponents.find((info) => info.slug === slug);
+};
 //# sourceMappingURL=index.cjs.map