@xyo-network/react-shared 2.82.0 → 2.83.0

package/dist/browser/index.cjs

@@ -1,1122 +0,0 @@
-"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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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,
-  LabeledTextFieldWrapper: () => LabeledTextFieldWrapper,
-  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_react = __toESM(require("react"), 1);
-var Ampersand = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
-    marginX: 1,
-    component: "span",
-    ...props
-  }, "&");
-}, "Ampersand");
-
-// 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");
-var import_react4 = __toESM(require("react"), 1);
-
-// src/hooks/GradientStyles/GradientStyles.tsx
-var import_material2 = require("@mui/material");
-var import_styles = require("@mui/styles");
-var colorfulGradientLightMode = /* @__PURE__ */ __name(() => {
-  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"
-    }
-  };
-}, "colorfulGradientLightMode");
-var colorfulGradientDarkMode = /* @__PURE__ */ __name(() => {
-  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"
-    }
-  };
-}, "colorfulGradientDarkMode");
-var useGradientStyles = /* @__PURE__ */ __name(() => {
-  const theme = (0, import_material2.useTheme)();
-  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
-  const classes = (0, import_styles.makeStyles)(styles);
-  return {
-    classes,
-    styles
-  };
-}, "useGradientStyles");
-
-// src/hooks/useDataState.ts
-var import_react2 = require("react");
-var useDataState = /* @__PURE__ */ __name((defaultValue) => {
-  const [state, setState] = (0, import_react2.useState)(defaultValue);
-  const setDataState = /* @__PURE__ */ __name((value) => {
-    try {
-      if (JSON.stringify(value) !== JSON.stringify(state)) {
-        setState(value);
-      }
-    } catch {
-      console.error("setDataState failed!  Make sure data type is stringifiable!");
-    }
-  }, "setDataState");
-  return [
-    state,
-    setDataState
-  ];
-}, "useDataState");
-
-// 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 = /* @__PURE__ */ __name(() => {
-  const theme = (0, import_material4.useTheme)();
-  return (0, import_material3.useMediaQuery)(theme.breakpoints.down("md"));
-}, "useIsMobile");
-var useIsSmall = /* @__PURE__ */ __name(() => {
-  const theme = (0, import_material4.useTheme)();
-  return (0, import_material3.useMediaQuery)(theme.breakpoints.down("md"));
-}, "useIsSmall");
-
-// src/hooks/usePayloadHash.ts
-var import_react_promise = require("@xylabs/react-promise");
-var import_payload_builder = require("@xyo-network/payload-builder");
-var usePayloadHash = /* @__PURE__ */ __name((payload) => {
-  return (0, import_react_promise.usePromise)(async () => payload ? await import_payload_builder.PayloadBuilder.dataHash(payload) : void 0, [
-    payload
-  ])[0];
-}, "usePayloadHash");
-var usePayloadHashes = /* @__PURE__ */ __name((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];
-}, "usePayloadHashes");
-
-// src/hooks/usePromise.ts
-var import_react_promise2 = require("@xylabs/react-promise");
-
-// src/hooks/useShareForwardRef.ts
-var import_react3 = require("react");
-var useShareForwardedRef = /* @__PURE__ */ __name((forwardedRef, refresh = 0) => {
-  const innerRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
-    if (!forwardedRef) {
-      return;
-    }
-    if (typeof forwardedRef === "function") {
-      forwardedRef(innerRef.current);
-      return;
-    } else {
-      forwardedRef.current = innerRef.current;
-    }
-  }, [
-    forwardedRef,
-    refresh
-  ]);
-  return innerRef;
-}, "useShareForwardedRef");
-
-// src/components/BasicHero/BasicHero.tsx
-var SubLinkSection = /* @__PURE__ */ __name(({ backgroundImageAlignment, subLinkIcon, subLinkPath, subLinkText1, subLinkText2 }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox.FlexGrowRow, {
-    width: "100%",
-    sx: {
-      flexDirection: {
-        md: "row",
-        xs: "column"
-      },
-      justifyContent: {
-        md: backgroundImageAlignment ? "flex-start" : "center",
-        xs: "center"
-      }
-    }
-  }, subLinkIcon ? /* @__PURE__ */ import_react4.default.createElement("span", null, subLinkIcon, "\xA0") : null, /* @__PURE__ */ import_react4.default.createElement(import_material5.Typography, null, subLinkText1, "\xA0"), /* @__PURE__ */ import_react4.default.createElement(import_react_link.LinkEx, {
-    href: subLinkPath,
-    underline: "always",
-    target: "_blank",
-    color: "inherit"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material5.Typography, null, subLinkText2)));
-}, "SubLinkSection");
-var ButtonSection = /* @__PURE__ */ __name(({ href, to, buttonText }) => {
-  const isMobile = useIsSmall();
-  return /* @__PURE__ */ import_react4.default.createElement(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"
-    }
-  }, buttonText);
-}, "ButtonSection");
-var BasicHero = /* @__PURE__ */ __name(({ backgroundImage, title, gradientTitle, backgroundColor, textColor, desc, heroImage, title2, subLinkText1, subLinkText2, subLinkPath, button1Text, button2Text, button2To, button1To, button2Href, button1Href, subLinkIcon, sx, ...props }) => {
-  const isMobile = useIsSmall();
-  const { classes } = useGradientStyles();
-  return /* @__PURE__ */ import_react4.default.createElement(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
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material5.Container, null, /* @__PURE__ */ import_react4.default.createElement(import_material5.Grid, {
-    container: true,
-    justifyContent: "center",
-    alignItems: "center",
-    sx: {
-      alignItems: {
-        xs: "center"
-      },
-      justifyContent: {
-        xs: "center"
-      }
-    }
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material5.Grid, {
-    item: true,
-    xs: 12,
-    sm: 8,
-    md: backgroundImage ? 6 : 8,
-    lg: backgroundImage ? 6 : 8
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox.FlexGrowCol, {
-    paddingY: 2,
-    sx: {
-      alignItems: {
-        xs: backgroundImage && !isMobile ? "flex-start" : "center"
-      }
-    }
-  }, /* @__PURE__ */ import_react4.default.createElement(import_material5.Typography, {
-    variant: "h1",
-    component: "h1",
-    gutterBottom: true,
-    textAlign: backgroundImage && !isMobile ? "left" : "center"
-  }, title ? /* @__PURE__ */ import_react4.default.createElement("span", null, `${title} `) : null, gradientTitle ? /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: classes().heading
-  }, " ", ` ${gradientTitle}`) : null, title2 ? /* @__PURE__ */ import_react4.default.createElement("span", null, ` ${title2}`) : null), /* @__PURE__ */ import_react4.default.createElement(import_material5.Typography, {
-    variant: "body1",
-    component: "h2",
-    gutterBottom: true,
-    textAlign: backgroundImage && !isMobile ? "left" : "center"
-  }, desc), /* @__PURE__ */ import_react4.default.createElement(import_react_flexbox.FlexGrowRow, {
-    sx: {
-      flexDirection: {
-        lg: "row",
-        xs: "column"
-      }
-    },
-    width: "100%",
-    marginTop: 1
-  }, /* @__PURE__ */ import_react4.default.createElement(ButtonSection, {
-    href: button1Href,
-    to: button1To,
-    buttonText: button1Text
-  }), /* @__PURE__ */ import_react4.default.createElement(ButtonSection, {
-    href: button2Href,
-    to: button2To,
-    buttonText: button2Text
-  })), /* @__PURE__ */ import_react4.default.createElement(SubLinkSection, {
-    subLinkIcon,
-    subLinkText1,
-    subLinkText2,
-    subLinkPath,
-    backgroundImageAlignment: backgroundImage ? true : false
-  }))), /* @__PURE__ */ import_react4.default.createElement(import_material5.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, heroImage ? /* @__PURE__ */ import_react4.default.createElement("img", {
-    src: heroImage,
-    width: "100%"
-  }) : null))));
-}, "BasicHero");
-
-// src/components/Ellipsize.tsx
-var import_material6 = require("@mui/material");
-var import_react5 = __toESM(require("react"), 1);
-var ComponentName = "Ellipsize";
-var EllipsizeRoot = (0, import_material6.styled)(import_material6.Box, {
-  name: ComponentName,
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "beforeLineHeight", "shouldForwardProp"),
-  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: /* @__PURE__ */ __name((prop) => prop !== "ellipsisPosition", "shouldForwardProp"),
-  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 = /* @__PURE__ */ __name(() => {
-  const [contentWrapHeight, setContentWrapHeight] = (0, import_react5.useState)();
-  const contentWrapRef = (0, import_react5.useCallback)((node) => {
-    if (node !== null) {
-      setContentWrapHeight(node.clientHeight + "px");
-    }
-  }, []);
-  return {
-    contentWrapHeight,
-    contentWrapRef
-  };
-}, "useClientHeight");
-var EllipsizeBox = /* @__PURE__ */ (0, import_react5.forwardRef)(({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
-  const { contentWrapRef, contentWrapHeight } = useClientHeight();
-  const sharedRef = useShareForwardedRef(ref);
-  return /* @__PURE__ */ import_react5.default.createElement(EllipsizeRoot, {
-    beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0,
-    ...props,
-    ref
-  }, /* @__PURE__ */ import_react5.default.createElement(EllipsizeInnerWrap, null, /* @__PURE__ */ import_react5.default.createElement(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_react6 = __toESM(require("react"), 1);
-var ErrorBoundary = class extends import_react6.Component {
-  static {
-    __name(this, "ErrorBoundary");
-  }
-  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__ */ import_react6.default.createElement(import_react_flexbox2.FlexCol, null, /* @__PURE__ */ import_react6.default.createElement(import_material7.Typography, {
-        variant: "h1"
-      }, "Something went wrong."), this.props.scope && /* @__PURE__ */ import_react6.default.createElement(import_material7.Typography, {
-        variant: "h2"
-      }, "[", this.props.scope, "]"), /* @__PURE__ */ import_react6.default.createElement(import_material7.Typography, {
-        variant: "body1"
-      }, "[", this.state.error?.message, "]"));
-    }
-    return this.props.children;
-  }
-};
-
-// src/components/LabeledTextFieldWrapper.tsx
-var import_material8 = require("@mui/material");
-var import_react7 = __toESM(require("react"), 1);
-var LabeledTextFieldWrapper = /* @__PURE__ */ __name(({ children, label, ...props }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_material8.Stack, {
-    flexDirection: "column",
-    ...props
-  }, /* @__PURE__ */ import_react7.default.createElement(import_material8.Typography, {
-    gutterBottom: true,
-    variant: "caption"
-  }, label), children);
-}, "LabeledTextFieldWrapper");
-
-// src/components/ListItemButtonEx.tsx
-var import_material9 = require("@mui/material");
-var import_react8 = __toESM(require("react"), 1);
-var import_react_router_dom = require("react-router-dom");
-var ListItemButtonExTo = /* @__PURE__ */ __name(({ to, toOptions, onClick, ...props }) => {
-  const navigate = (0, import_react_router_dom.useNavigate)();
-  const localOnClick = /* @__PURE__ */ __name((event) => {
-    onClick?.(event);
-    if (to) {
-      navigate(to, toOptions);
-    }
-  }, "localOnClick");
-  return /* @__PURE__ */ import_react8.default.createElement(import_material9.ListItemButton, {
-    onClick: localOnClick,
-    ...props
-  });
-}, "ListItemButtonExTo");
-var ListItemButtonEx = /* @__PURE__ */ __name(({ to, ...props }) => {
-  return to ? /* @__PURE__ */ import_react8.default.createElement(ListItemButtonExTo, {
-    to,
-    ...props
-  }) : /* @__PURE__ */ import_react8.default.createElement(import_material9.ListItemButton, props);
-}, "ListItemButtonEx");
-
-// src/components/LoadResult.tsx
-var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_react10 = __toESM(require("react"), 1);
-
-// src/components/NotFound.tsx
-var import_material10 = require("@mui/material");
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react9 = __toESM(require("react"), 1);
-var NotFound = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_flexbox3.FlexGrowCol, props, /* @__PURE__ */ import_react9.default.createElement(import_material10.Typography, {
-    variant: "h2"
-  }, "Sorry!"), /* @__PURE__ */ import_react9.default.createElement(import_material10.Typography, {
-    marginY: 3,
-    variant: "body2"
-  }, "Can't find anything here"));
-}, "NotFound");
-
-// src/components/LoadResult.tsx
-function LoadResult(props) {
-  const { notFound, error, searchResult, children } = props;
-  if (notFound) {
-    return /* @__PURE__ */ import_react10.default.createElement(NotFound, null);
-  }
-  if (error) {
-    return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, children);
-  }
-  return searchResult === void 0 ? /* @__PURE__ */ import_react10.default.createElement(import_react_flexbox4.FlexGrowRow, {
-    busy: true,
-    minHeight: "50px"
-  }) : /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, children);
-}
-__name(LoadResult, "LoadResult");
-
-// src/components/Pipe.tsx
-var import_material11 = require("@mui/material");
-var import_react11 = __toESM(require("react"), 1);
-var Pipe = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ import_react11.default.createElement(import_material11.Typography, {
-    marginX: 1,
-    component: "span",
-    ...props
-  }, "|");
-}, "Pipe");
-
-// src/components/pluginValidation/DataMissing.tsx
-var import_material12 = require("@mui/material");
-var import_react12 = __toESM(require("react"), 1);
-var PayloadDataMissing = /* @__PURE__ */ __name(({ alertBody, ...props }) => {
-  return /* @__PURE__ */ import_react12.default.createElement(import_material12.Alert, {
-    severity: "warning",
-    ...props
-  }, /* @__PURE__ */ import_react12.default.createElement(import_material12.AlertTitle, null, "Missing Data"), alertBody ?? "Payload is missing required data to render correctly");
-}, "PayloadDataMissing");
-
-// src/components/ScrollTableOnSm.tsx
-var import_material13 = require("@mui/material");
-var import_react13 = __toESM(require("react"), 1);
-var StyledScrollTableOnSm = (0, import_material13.styled)("div")(({ theme }) => ({
-  [theme.breakpoints.down("md")]: {
-    overflowX: "scroll"
-  },
-  display: "flex",
-  flexGrow: 1
-}));
-var ScrollTableOnSm = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ import_react13.default.createElement(StyledScrollTableOnSm, null, children), "ScrollTableOnSm");
-
-// src/components/SectionSpacingRow/SectionSpacingRow.tsx
-var import_material14 = require("@mui/material");
-var import_react_flexbox5 = require("@xylabs/react-flexbox");
-var import_react14 = __toESM(require("react"), 1);
-var SectionSpacingRow = /* @__PURE__ */ (0, import_react14.forwardRef)(({ children, sx, ...props }, ref) => {
-  const theme = (0, import_material14.useTheme)();
-  return /* @__PURE__ */ import_react14.default.createElement(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_react16 = __toESM(require("react"), 1);
-
-// src/components/TableCell/EllipsisTableCell.tsx
-var import_material15 = require("@mui/material");
-var import_react_link2 = require("@xylabs/react-link");
-var import_react15 = __toESM(require("react"), 1);
-var EllipsisTableCellRoot = (0, import_material15.styled)(import_material15.TableCell, {
-  name: "EllipsisTableCell",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "width", "shouldForwardProp"),
-  slot: "Root"
-})(({ width = "100%" }) => ({
-  width
-}));
-var EllipsisTableCellWithRef = /* @__PURE__ */ (0, import_react15.forwardRef)(({ children, href, link = false, to, value, ...props }, ref) => {
-  const data = (0, import_react15.useMemo)(() => {
-    if (children) {
-      return children;
-    }
-    if (href || link || to) {
-      return /* @__PURE__ */ import_react15.default.createElement(import_react_link2.LinkEx, {
-        title: value,
-        to,
-        href,
-        target: href ? "_blank" : void 0
-      }, value);
-    }
-    return value;
-  }, [
-    children,
-    href,
-    link,
-    to,
-    value
-  ]);
-  return /* @__PURE__ */ import_react15.default.createElement(EllipsisTableCellRoot, {
-    ref,
-    ...props
-  }, /* @__PURE__ */ import_react15.default.createElement(EllipsizeBox, {
-    sx: {
-      cursor: link || to || href ? "pointer" : "inherit"
-    }
-  }, data));
-});
-EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
-var EllipsisTableCell = EllipsisTableCellWithRef;
-
-// src/components/TableCell/AddressTableCell.tsx
-var AddressTableCell = /* @__PURE__ */ (0, import_react16.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__ */ import_react16.default.createElement(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_react17 = __toESM(require("react"), 1);
-var HashTableCell = /* @__PURE__ */ __name(({ value, archive, dataType, network, exploreDomain, onHashClick, ...props }) => {
-  const ref = (0, import_react17.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 = /* @__PURE__ */ __name(() => {
-    if (onHashClick) {
-      onHashClick(value);
-    } else {
-      dispatch?.("hash", "click", value);
-    }
-  }, "handleCellClick");
-  return /* @__PURE__ */ import_react17.default.createElement(EllipsisTableCell, {
-    onClick: handleCellClick,
-    ref: tableCellRef,
-    value,
-    href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
-    to: exploreDomain ? void 0 : explorePath,
-    ...props
-  });
-}, "HashTableCell");
-
-// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
-var import_material16 = require("@mui/material");
-var import_react18 = __toESM(require("react"), 1);
-var ThemeTokenAvatar = /* @__PURE__ */ __name(({ ...props }) => {
-  const theme = (0, import_material16.useTheme)();
-  return /* @__PURE__ */ import_react18.default.createElement(import_material16.Avatar, {
-    sx: {
-      background: theme.palette.common.white
-    },
-    ...props
-  });
-}, "ThemeTokenAvatar");
-
-// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
-var import_material17 = require("@mui/material");
-var import_react19 = __toESM(require("react"), 1);
-var ThemeTokenAvatarGroup = /* @__PURE__ */ __name(({ images, ...props }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(import_material17.AvatarGroup, props, images?.map((image, index) => /* @__PURE__ */ import_react19.default.createElement(ThemeTokenAvatar, {
-    key: index,
-    src: image
-  })));
-}, "ThemeTokenAvatarGroup");
-
-// src/components/TokenBar/TokenBar.tsx
-var import_material18 = require("@mui/material");
-var import_react_flexbox6 = require("@xylabs/react-flexbox");
-var import_react20 = __toESM(require("react"), 1);
-var TokenBar = /* @__PURE__ */ __name(({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {
-  return /* @__PURE__ */ import_react20.default.createElement(import_material18.Paper, {
-    elevation: 0,
-    className: "TokenBar-root",
-    ...props
-  }, /* @__PURE__ */ import_react20.default.createElement(import_react_flexbox6.FlexRow, {
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ import_react20.default.createElement(import_material18.Typography, {
-    variant: "body1",
-    fontWeight: 300,
-    margin: 1,
-    ...text1Props
-  }, text1, text1Suffix), /* @__PURE__ */ import_react20.default.createElement(import_material18.Typography, {
-    variant: "body1",
-    fontWeight: 300,
-    textTransform: "uppercase",
-    color: "gray",
-    margin: 1,
-    ...text2Props
-  }, text2, text2Suffix)));
-}, "TokenBar");
-
-// 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 = /* @__PURE__ */ __name((symbols) => {
-  return symbols?.map((symbol) => {
-    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol);
-    const checkedTokenData = additionalTokenData ?? TokenData[0];
-    return checkedTokenData;
-  });
-}, "useGetTokenData");
-
-// src/components/TokenSummary/TokenSummary.tsx
-var import_material19 = require("@mui/material");
-var import_react21 = __toESM(require("react"), 1);
-var TokenSummary = /* @__PURE__ */ __name(({ icon, symbol, symbolElement, children, ...props }) => {
-  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(import_material19.CardHeader, {
-    avatar: /* @__PURE__ */ import_react21.default.createElement(ThemeTokenAvatar, {
-      src: icon,
-      alt: symbol
-    }),
-    title: /* @__PURE__ */ import_react21.default.createElement(import_material19.Typography, {
-      variant: "h6",
-      fontWeight: 300,
-      textTransform: "uppercase"
-    }, symbolElement ?? symbol),
-    ...props
-  }), children);
-}, "TokenSummary");
-
-// src/components/TypographyEx.tsx
-var import_material20 = require("@mui/material");
-var import_react22 = __toESM(require("react"), 1);
-var TypographyEx = /* @__PURE__ */ __name(({ gradient, ...props }) => {
-  const { classes } = useGradientStyles();
-  return /* @__PURE__ */ import_react22.default.createElement(import_material20.Typography, {
-    className: gradient === "text" ? classes().heading : void 0,
-    ...props
-  });
-}, "TypographyEx");
-
-// src/contexts/contextEx/create.ts
-var import_react23 = require("react");
-var createContextEx = /* @__PURE__ */ __name(() => (0, import_react23.createContext)({
-  provided: false
-}), "createContextEx");
-
-// src/contexts/contextEx/use.ts
-var import_react24 = require("react");
-var useContextEx = /* @__PURE__ */ __name((context, contextName, required = true) => {
-  const { provided, ...props } = (0, import_react24.useContext)(context);
-  if (!provided && required) {
-    throw new Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`);
-  }
-  return props;
-}, "useContextEx");
-var useProvided = /* @__PURE__ */ __name((context) => {
-  const { provided } = (0, import_react24.useContext)(context);
-  return provided;
-}, "useProvided");
-
-// src/contexts/diviner/Context.ts
-var ResolvedDivinerContext = /* @__PURE__ */ __name(() => createContextEx(), "ResolvedDivinerContext");
-
-// src/contexts/diviner/Provider.tsx
-var import_react25 = __toESM(require("react"), 1);
-var ResolvedDivinerProvider = /* @__PURE__ */ __name(({ diviner: divinerProp, required = false, children, context }) => {
-  const [diviner, setDiviner] = (0, import_react25.useState)(divinerProp);
-  (0, import_react25.useEffect)(() => {
-    if (divinerProp) {
-      setDiviner(divinerProp);
-    }
-  }, [
-    divinerProp,
-    setDiviner
-  ]);
-  const value = (0, import_react25.useMemo)(() => {
-    const resolveDiviner = /* @__PURE__ */ __name(() => {
-      if (divinerProp) {
-        return diviner === divinerProp ? diviner : void 0;
-      } else {
-        return diviner;
-      }
-    }, "resolveDiviner");
-    return {
-      diviner: resolveDiviner(),
-      provided: true,
-      setDiviner
-    };
-  }, [
-    setDiviner,
-    divinerProp
-  ]);
-  return /* @__PURE__ */ import_react25.default.createElement(context.Provider, {
-    value
-  }, diviner ? children : required ? null : children);
-}, "ResolvedDivinerProvider");
-
-// src/contexts/ListMode/Context.ts
-var ListModeContext = createContextEx();
-
-// src/contexts/ListMode/Provider.tsx
-var import_react26 = __toESM(require("react"), 1);
-var ListModeProvider = /* @__PURE__ */ __name(({ children, defaultListMode }) => {
-  const [listMode, setListMode] = (0, import_react26.useState)(defaultListMode ?? "default");
-  const value = (0, import_react26.useMemo)(() => ({
-    listMode,
-    provided: true,
-    setListMode
-  }), [
-    listMode,
-    setListMode
-  ]);
-  return /* @__PURE__ */ import_react26.default.createElement(ListModeContext.Provider, {
-    value
-  }, children);
-}, "ListModeProvider");
-
-// src/contexts/ListMode/use.ts
-var useListMode = /* @__PURE__ */ __name((required = false) => {
-  return useContextEx(ListModeContext, "ListMode", required);
-}, "useListMode");
-
-// src/lib/assertDefinedEx.ts
-var assertDefinedEx = /* @__PURE__ */ __name((expr, message) => {
-  if (expr !== null && expr !== void 0) return expr;
-  throw new Error(message);
-}, "assertDefinedEx");
-
-// src/lib/getActualPaddingX.ts
-var parseMeausureString = /* @__PURE__ */ __name((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}]`);
-  }
-}, "parseMeausureString");
-var parsePadding = /* @__PURE__ */ __name((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]
-      };
-    }
-  }
-}, "parsePadding");
-var getActualPaddingX = /* @__PURE__ */ __name((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;
-}, "getActualPaddingX");
-
-// src/lib/networkComponents.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_react27 = __toESM(require("react"), 1);
-var networkComponents = [
-  {
-    icon: /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react27.default.createElement(import_icons_material.HubRounded, props), "icon"),
-    name: "Node",
-    slug: "node"
-  },
-  {
-    icon: /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react27.default.createElement(import_icons_material.TimerRounded, props), "icon"),
-    name: "Sentinel",
-    slug: "sentinel"
-  },
-  {
-    icon: /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react27.default.createElement(import_icons_material.InsertLinkRounded, props), "icon"),
-    name: "Bridge",
-    slug: "bridge"
-  },
-  {
-    icon: /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react27.default.createElement(import_icons_material.Inventory2Rounded, props), "icon"),
-    name: "Archivist",
-    slug: "archivist"
-  },
-  {
-    icon: /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react27.default.createElement(import_icons_material.BubbleChartRounded, props), "icon"),
-    name: "Diviner",
-    slug: "diviner"
-  },
-  {
-    icon: /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react27.default.createElement(import_icons_material.VisibilityRounded, props), "icon"),
-    name: "Witness",
-    slug: "witness"
-  }
-];
-var findNetworkComponentIndex = /* @__PURE__ */ __name((slug) => {
-  return networkComponents.findIndex((info) => info.slug === slug);
-}, "findNetworkComponentIndex");
-var findNetworkComponent = /* @__PURE__ */ __name((slug) => {
-  return networkComponents.find((info) => info.slug === slug);
-}, "findNetworkComponent");
-//# sourceMappingURL=index.cjs.map