@xyo-network/react-powered-by-xyo 7.5.8 → 7.5.12

package/dist/browser/index.mjs

@@ -1,9 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/ArchivistSummary.tsx
 import { Inventory2Rounded as Inventory2RoundedIcon } from "@mui/icons-material";
-import React2 from "react";
 
 // src/components/ModuleSummary.tsx
 import { Extension as ExtensionIcon } from "@mui/icons-material";
@@ -11,14 +7,16 @@ import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
 import { delay } from "@xylabs/sdk-js";
 import { useWeakModulesFromNode } from "@xyo-network/react-node";
 import { TypographyEx } from "@xyo-network/react-shared";
-import React, { useState } from "react";
-var ModuleSummary = /* @__PURE__ */ __name(({ children, icon, mod, ...props }) => {
-  const [downModules] = useWeakModulesFromNode(void 0, {
-    direction: "down"
-  });
-  const [upModules] = useWeakModulesFromNode(void 0, {
-    direction: "up"
-  });
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ModuleSummary = ({
+  children,
+  icon,
+  mod,
+  ...props
+}) => {
+  const [downModules] = useWeakModulesFromNode(void 0, { direction: "down" });
+  const [upModules] = useWeakModulesFromNode(void 0, { direction: "up" });
   const [busy, setBusy] = useState(false);
   const downModulesFromResolve = downModules?.length;
   const upModulesFromResolve = upModules?.length;
@@ -27,52 +25,48 @@ var ModuleSummary = /* @__PURE__ */ __name(({ children, icon, mod, ...props }) =
     await delay(2e3);
     setBusy(false);
   });
-  return /* @__PURE__ */ React.createElement(FlexCol, {
-    alignItems: "stretch",
-    width: "100%",
-    ...props
-  }, /* @__PURE__ */ React.createElement(FlexRow, {
-    justifyContent: "flex-start"
-  }, /* @__PURE__ */ React.createElement(FlexRow, null, /* @__PURE__ */ React.createElement(TypographyEx, {
-    color: busy ? "gray" : void 0
-  }, icon ?? /* @__PURE__ */ React.createElement(ExtensionIcon, null)), /* @__PURE__ */ React.createElement(TypographyEx, {
-    marginX: 1
-  }, mod?.config?.name ?? "<Unknown>")), children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null));
-}, "ModuleSummary");
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsxs(FlexRow, { children: [
+      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
+      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: mod?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
 
 // src/components/ArchivistSummary.tsx
-var ArchivistSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ React2.createElement(Inventory2RoundedIcon, null),
-    ...props
-  });
-}, "ArchivistSummary");
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ArchivistSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx2(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx2(Inventory2RoundedIcon, {}), ...props });
+};
 
 // src/components/BridgeSummary.tsx
 import { InsertLinkRounded as InsertLinkRoundedIcon } from "@mui/icons-material";
-import React3 from "react";
-var BridgeSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React3.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ React3.createElement(InsertLinkRoundedIcon, null),
-    ...props
-  });
-}, "BridgeSummary");
+import { jsx as jsx3 } from "react/jsx-runtime";
+var BridgeSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx3(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx3(InsertLinkRoundedIcon, {}), ...props });
+};
 
 // src/components/DebugDialog.tsx
-import { Button, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
-import React13 from "react";
+import {
+  Button,
+  Dialog as Dialog2,
+  DialogActions as DialogActions2,
+  DialogContent as DialogContent2,
+  DialogTitle as DialogTitle2
+} from "@mui/material";
 
 // src/components/NodeDetails.tsx
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
 import { useProvidedNode, useWeakModulesFromNode as useWeakModulesFromNode3 } from "@xyo-network/react-node";
-import React12 from "react";
 
 // src/components/ModuleAccordion.tsx
 import { ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
-import React11 from "react";
-import { Accordion, AccordionDetails, AccordionSummary } from "@mui/material";
+import {
+  Accordion,
+  AccordionDetails,
+  AccordionSummary
+} from "@mui/material";
 
 // src/components/ModuleDetails.tsx
 import { ButtonGroup } from "@mui/material";
@@ -82,87 +76,69 @@ import { usePromise } from "@xylabs/react-promise";
 import { ModuleDescriptionSchema } from "@xyo-network/module-model";
 import { isPayloadOfSchemaType } from "@xyo-network/payload-model";
 import { Property } from "@xyo-network/react-property";
-import React5 from "react";
 
 // src/components/JsonViewerButton.tsx
-import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import {
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle
+} from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
-import React4, { useState as useState2 } from "react";
-var JsonViewerButton = /* @__PURE__ */ __name(({ children, jsonViewProps, src, title, ...props }) => {
+import { useState as useState2 } from "react";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var JsonViewerButton = ({
+  children,
+  jsonViewProps,
+  src,
+  title,
+  ...props
+}) => {
   const [open, setOpen] = useState2(false);
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(!open), "onClick"),
-    ...props
-  }, children ?? "JSON"), /* @__PURE__ */ React4.createElement(Dialog, {
-    open,
-    onClose: /* @__PURE__ */ __name(() => setOpen(false), "onClose")
-  }, title ? /* @__PURE__ */ React4.createElement(DialogTitle, null, title) : null, /* @__PURE__ */ React4.createElement(DialogContent, null, /* @__PURE__ */ React4.createElement(JsonViewerEx, {
-    value: src,
-    ...jsonViewProps
-  })), /* @__PURE__ */ React4.createElement(DialogActions, null, /* @__PURE__ */ React4.createElement(ButtonEx, {
-    onClick: /* @__PURE__ */ __name(() => setOpen(false), "onClick")
-  }, "Close"))));
-}, "JsonViewerButton");
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx4(ButtonEx, { onClick: () => setOpen(!open), ...props, children: children ?? "JSON" }),
+    /* @__PURE__ */ jsxs2(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx4(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx4(DialogContent, { children: /* @__PURE__ */ jsx4(JsonViewerEx, { value: src, ...jsonViewProps }) }),
+      /* @__PURE__ */ jsx4(DialogActions, { children: /* @__PURE__ */ jsx4(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
 
 // src/components/ModuleDetails.tsx
-var ModuleDetails = /* @__PURE__ */ __name(({ mod, ...props }) => {
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ModuleDetails = ({ mod, ...props }) => {
   const [manifest] = usePromise(async () => {
     return await mod?.manifest();
-  }, [
-    mod
-  ]);
+  }, [mod]);
   const [discover] = usePromise(async () => {
     return await mod?.state();
-  }, [
-    mod
-  ]);
+  }, [mod]);
   const [describe] = usePromise(async () => {
     const state = await mod?.state();
     return state?.find(isPayloadOfSchemaType(ModuleDescriptionSchema));
-  }, [
-    mod
-  ]);
+  }, [mod]);
   const queries = mod?.queries;
   const config = mod?.config;
-  return /* @__PURE__ */ React5.createElement(FlexCol2, {
-    alignItems: "stretch",
-    ...props
-  }, /* @__PURE__ */ React5.createElement(Property, {
-    title: "Address",
-    value: mod?.address
-  }), /* @__PURE__ */ React5.createElement(FlexRow2, {
-    gap: 1,
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ React5.createElement(ButtonGroup, null, manifest ? /* @__PURE__ */ React5.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: manifest
-  }, "Manifest") : null, config ? /* @__PURE__ */ React5.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: config
-  }, "Config") : null, discover ? /* @__PURE__ */ React5.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: discover
-  }, "Discover") : null, describe ? /* @__PURE__ */ React5.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: describe
-  }, "Describe") : null, queries ? /* @__PURE__ */ React5.createElement(JsonViewerButton, {
-    variant: "contained",
-    src: queries
-  }, "Queries") : null), /* @__PURE__ */ React5.createElement(ButtonGroup, null, /* @__PURE__ */ React5.createElement(ButtonEx2, {
-    target: "_blank",
-    href: `https://explore.xyo.network/block?network=main&address=${mod?.address}`,
-    variant: "outlined"
-  }, "Main"), /* @__PURE__ */ React5.createElement(ButtonEx2, {
-    target: "_blank",
-    href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${mod?.address}`,
-    variant: "outlined"
-  }, "Kerplunk"), /* @__PURE__ */ React5.createElement(ButtonEx2, {
-    target: "_blank",
-    href: `https://beta.explore.xyo.network/block?network=local&address=${mod?.address}`,
-    variant: "outlined"
-  }, "Local"))));
-}, "ModuleDetails");
+  return /* @__PURE__ */ jsxs3(FlexCol2, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ jsx5(Property, { title: "Address", value: mod?.address }),
+    /* @__PURE__ */ jsxs3(FlexRow2, { gap: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs3(ButtonGroup, { children: [
+        manifest ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: manifest, children: "Manifest" }) : null,
+        config ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: config, children: "Config" }) : null,
+        discover ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: discover, children: "Discover" }) : null,
+        describe ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: describe, children: "Describe" }) : null,
+        queries ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: queries, children: "Queries" }) : null
+      ] }),
+      /* @__PURE__ */ jsxs3(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx5(ButtonEx2, { target: "_blank", href: `https://explore.xyo.network/block?network=main&address=${mod?.address}`, variant: "outlined", children: "Main" }),
+        /* @__PURE__ */ jsx5(ButtonEx2, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${mod?.address}`, variant: "outlined", children: "Kerplunk" }),
+        /* @__PURE__ */ jsx5(ButtonEx2, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=local&address=${mod?.address}`, variant: "outlined", children: "Local" })
+      ] })
+    ] })
+  ] });
+};
 
 // src/components/TypedModuleSummary.tsx
 import { isArchivistInstance } from "@xyo-network/archivist-model";
@@ -171,152 +147,98 @@ import { isDivinerInstance } from "@xyo-network/diviner-model";
 import { isNodeInstance } from "@xyo-network/node-model";
 import { isSentinelInstance } from "@xyo-network/sentinel-model";
 import { isWitnessInstance } from "@xyo-network/witness-model";
-import React10 from "react";
 
 // src/components/DivinerSummary.tsx
 import { BubbleChartRounded as BubbleChartRoundedIcon } from "@mui/icons-material";
-import React6 from "react";
-var DivinerSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React6.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ React6.createElement(BubbleChartRoundedIcon, null),
-    ...props
-  });
-}, "DivinerSummary");
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DivinerSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx6(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx6(BubbleChartRoundedIcon, {}), ...props });
+};
 
 // src/components/NodeSummary.tsx
 import { HubRounded as HubRoundedIcon } from "@mui/icons-material";
 import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { useWeakModulesFromNode as useWeakModulesFromNode2 } from "@xyo-network/react-node";
-import React7 from "react";
-var NodeSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
+import { jsx as jsx7 } from "react/jsx-runtime";
+var NodeSummary = ({ mod, ...props }) => {
   const [manifest] = usePromise2(async () => {
     return await mod?.manifest();
-  }, [
-    mod
-  ]);
-  const [downModules] = useWeakModulesFromNode2(void 0, {
-    direction: "down"
-  });
-  const [upModules] = useWeakModulesFromNode2(void 0, {
-    direction: "up"
-  });
+  }, [mod]);
+  const [downModules] = useWeakModulesFromNode2(void 0, { direction: "down" });
+  const [upModules] = useWeakModulesFromNode2(void 0, { direction: "up" });
   const downModulesFromResolve = downModules?.length;
   const upModulesFromResolve = upModules?.length;
   const manifestPublicModules = manifest?.modules?.public?.length;
-  return /* @__PURE__ */ React7.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ React7.createElement(HubRoundedIcon, null),
-    ...props
-  }, manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null);
-}, "NodeSummary");
+  return /* @__PURE__ */ jsx7(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx7(HubRoundedIcon, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
+};
 
 // src/components/SentinelSummary.tsx
 import { TimerRounded as TimerRoundedIcon } from "@mui/icons-material";
-import React8 from "react";
-var SentinelSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React8.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ React8.createElement(TimerRoundedIcon, null),
-    ...props
-  });
-}, "SentinelSummary");
+import { jsx as jsx8 } from "react/jsx-runtime";
+var SentinelSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx8(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx8(TimerRoundedIcon, {}), ...props });
+};
 
 // src/components/WitnessSummary.tsx
 import { VisibilityRounded as VisibilityRoundedIcon } from "@mui/icons-material";
-import React9 from "react";
-var WitnessSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React9.createElement(ModuleSummary, {
-    mod,
-    icon: /* @__PURE__ */ React9.createElement(VisibilityRoundedIcon, null),
-    ...props
-  });
-}, "WitnessSummary");
+import { jsx as jsx9 } from "react/jsx-runtime";
+var WitnessSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx9(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx9(VisibilityRoundedIcon, {}), ...props });
+};
 
 // src/components/TypedModuleSummary.tsx
-var TypedModuleSummary = /* @__PURE__ */ __name(({ mod, ...props }) => {
+import { jsx as jsx10 } from "react/jsx-runtime";
+var TypedModuleSummary = ({ mod, ...props }) => {
   if (isArchivistInstance(mod)) {
-    return /* @__PURE__ */ React10.createElement(ArchivistSummary, {
-      mod,
-      ...props
-    });
+    return /* @__PURE__ */ jsx10(ArchivistSummary, { mod, ...props });
   }
   if (isDivinerInstance(mod)) {
-    return /* @__PURE__ */ React10.createElement(DivinerSummary, {
-      mod,
-      ...props
-    });
+    return /* @__PURE__ */ jsx10(DivinerSummary, { mod, ...props });
   }
   if (isNodeInstance(mod)) {
-    return /* @__PURE__ */ React10.createElement(NodeSummary, {
-      mod,
-      ...props
-    });
+    return /* @__PURE__ */ jsx10(NodeSummary, { mod, ...props });
   }
   if (isWitnessInstance(mod)) {
-    return /* @__PURE__ */ React10.createElement(WitnessSummary, {
-      mod,
-      ...props
-    });
+    return /* @__PURE__ */ jsx10(WitnessSummary, { mod, ...props });
   }
   if (isBridgeInstance(mod)) {
-    return /* @__PURE__ */ React10.createElement(BridgeSummary, {
-      mod,
-      ...props
-    });
+    return /* @__PURE__ */ jsx10(BridgeSummary, { mod, ...props });
   }
   if (isSentinelInstance(mod)) {
-    return /* @__PURE__ */ React10.createElement(SentinelSummary, {
-      mod,
-      ...props
-    });
+    return /* @__PURE__ */ jsx10(SentinelSummary, { mod, ...props });
   }
-  return /* @__PURE__ */ React10.createElement(ModuleSummary, {
-    mod,
-    ...props
-  });
-}, "TypedModuleSummary");
+  return /* @__PURE__ */ jsx10(ModuleSummary, { mod, ...props });
+};
 
 // src/components/ModuleAccordion.tsx
-var ModuleAccordion = /* @__PURE__ */ __name(({ mod, ...props }) => {
-  return /* @__PURE__ */ React11.createElement(Accordion, props, /* @__PURE__ */ React11.createElement(AccordionSummary, {
-    expandIcon: /* @__PURE__ */ React11.createElement(ExpandMoreIcon, null)
-  }, /* @__PURE__ */ React11.createElement(TypedModuleSummary, {
-    mod
-  })), /* @__PURE__ */ React11.createElement(AccordionDetails, null, /* @__PURE__ */ React11.createElement(ModuleDetails, {
-    mod
-  })));
-}, "ModuleAccordion");
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+var ModuleAccordion = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsxs4(Accordion, { ...props, children: [
+    /* @__PURE__ */ jsx11(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx11(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx11(TypedModuleSummary, { mod }) }),
+    /* @__PURE__ */ jsx11(AccordionDetails, { children: /* @__PURE__ */ jsx11(ModuleDetails, { mod }) })
+  ] });
+};
 
 // src/components/NodeDetails.tsx
-var NodeDetails = /* @__PURE__ */ __name(({ mod, ...props }) => {
+import { jsx as jsx12 } from "react/jsx-runtime";
+var NodeDetails = ({ mod, ...props }) => {
   const [node = mod] = useProvidedNode();
-  const [children] = useWeakModulesFromNode3(void 0, {
-    node: node ?? void 0
-  });
-  return /* @__PURE__ */ React12.createElement(FlexCol3, {
-    alignItems: "stretch",
-    ...props
-  }, children ? /* @__PURE__ */ React12.createElement(FlexCol3, {
-    alignItems: "stretch",
-    marginY: 1
-  }, children?.map((child) => {
+  const [children] = useWeakModulesFromNode3(void 0, { node: node ?? void 0 });
+  return /* @__PURE__ */ jsx12(FlexCol3, { alignItems: "stretch", ...props, children: children ? /* @__PURE__ */ jsx12(FlexCol3, { alignItems: "stretch", marginY: 1, children: children?.map((child) => {
     const instance = child.deref();
-    return instance ? /* @__PURE__ */ React12.createElement(ModuleAccordion, {
-      key: instance.address,
-      mod: instance
-    }) : null;
-  })) : null);
-}, "NodeDetails");
+    return instance ? /* @__PURE__ */ jsx12(ModuleAccordion, { mod: instance }, instance.address) : null;
+  }) }) : null });
+};
 
 // src/components/DebugDialog.tsx
-var DebugDialog = /* @__PURE__ */ __name(({ onClose, ...props }) => {
-  return /* @__PURE__ */ React13.createElement(Dialog2, props, /* @__PURE__ */ React13.createElement(DialogTitle2, null, "Xyo Module Viewer"), /* @__PURE__ */ React13.createElement(DialogContent2, null, /* @__PURE__ */ React13.createElement(NodeDetails, {
-    width: "100%"
-  })), /* @__PURE__ */ React13.createElement(DialogActions2, null, /* @__PURE__ */ React13.createElement(Button, {
-    onClick: /* @__PURE__ */ __name((event) => onClose?.(event, "backdropClick"), "onClick")
-  }, "Close")));
-}, "DebugDialog");
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var DebugDialog = ({ onClose, ...props }) => {
+  return /* @__PURE__ */ jsxs5(Dialog2, { ...props, children: [
+    /* @__PURE__ */ jsx13(DialogTitle2, { children: "Xyo Module Viewer" }),
+    /* @__PURE__ */ jsx13(DialogContent2, { children: /* @__PURE__ */ jsx13(NodeDetails, { width: "100%" }) }),
+    /* @__PURE__ */ jsx13(DialogActions2, { children: /* @__PURE__ */ jsx13(Button, { onClick: (event) => onClose?.(event, "backdropClick"), children: "Close" }) })
+  ] });
+};
 
 // src/components/PoweredByXyo.tsx
 import { Paper } from "@mui/material";
@@ -324,13 +246,13 @@ import { useAsyncEffect } from "@xylabs/react-async-effect";
 import { FlexCol as FlexCol6 } from "@xylabs/react-flexbox";
 import { delay as delay2, forget } from "@xylabs/sdk-js";
 import { useProvidedNode as useProvidedNode2 } from "@xyo-network/react-node";
-import React16, { useMemo, useState as useState5 } from "react";
+import { useState as useState5 } from "react";
 
 // src/components/PoweredByXyoButton.tsx
 import { Typography } from "@mui/material";
 import { ButtonEx as ButtonEx3 } from "@xylabs/react-button";
 import { FlexCol as FlexCol5, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import React15, { useEffect, useState as useState4 } from "react";
+import { useEffect as useEffect2, useState as useState4 } from "react";
 
 // src/img/xyo-color-logo.svg
 var xyo_color_logo_default = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 238"><defs><style>.cls-1{fill:#8d8fc6;}.cls-2{fill:#579fd6;}.cls-3{fill:#f27046;}.cls-4{fill:#eb407a;}</style></defs><path class="cls-1" d="M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z"/><path class="cls-2" d="M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z"/><path class="cls-3" d="M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z"/><path class="cls-4" d="M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z"/></svg>';
@@ -340,79 +262,100 @@ var xyo_color_logo_text_only_default = '<svg id="Layer_1" data-name="Layer 1" xm
 
 // src/components/XyoBusy.tsx
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
-import React14, { useState as useState3 } from "react";
-var XyoBusy = /* @__PURE__ */ __name(({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
+import { useEffect, useState as useState3 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var XyoBusy = ({
+  widthInPixels,
+  busy,
+  spinsPerSecond = 0.5,
+  ...props
+}) => {
   const [imageLoaded, setImageLoaded] = useState3(false);
-  if (!imageLoaded) {
-    const img = new Image();
-    img.addEventListener("load", () => setImageLoaded(true));
-    img.src = xyo_color_logo_default;
-  }
-  return imageLoaded ? /* @__PURE__ */ React14.createElement(FlexCol4, {
-    sx: {
-      "@keyframes spin": {
-        "0%": {
-          transform: "rotate(360deg)"
+  useEffect(() => {
+    if (!imageLoaded) {
+      const img = new Image();
+      const onLoad = () => setImageLoaded(true);
+      img.addEventListener("load", onLoad);
+      img.src = xyo_color_logo_default;
+      return () => img.removeEventListener("load", onLoad);
+    }
+  }, [imageLoaded]);
+  return imageLoaded ? /* @__PURE__ */ jsx14(
+    FlexCol4,
+    {
+      sx: {
+        "@keyframes spin": {
+          "0%": { transform: "rotate(360deg)" },
+          "100%": { transform: "rotate(0deg)" }
         },
-        "100%": {
-          transform: "rotate(0deg)"
-        }
+        "animation": busy ? `spin ${1 / spinsPerSecond}s linear infinite` : void 0,
+        "animationDirection": "reverse"
       },
-      "animation": busy ? `spin ${1 / spinsPerSecond}s linear infinite` : void 0,
-      "animationDirection": "reverse"
-    },
-    ...props
-  }, /* @__PURE__ */ React14.createElement("img", {
-    src: xyo_color_logo_default,
-    height: widthInPixels ?? 22
-  })) : null;
-}, "XyoBusy");
+      ...props,
+      children: /* @__PURE__ */ jsx14("img", { src: xyo_color_logo_default, height: widthInPixels ?? 22 })
+    }
+  ) : null;
+};
 
 // src/components/PoweredByXyoButton.tsx
-var PoweredByXyoButton = /* @__PURE__ */ __name(({ busy = false, logoHeight, logoTextSize, ...props }) => {
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var PoweredByXyoButton = ({
+  busy = false,
+  logoHeight,
+  logoTextSize,
+  ...props
+}) => {
   const [imageLoaded, setImageLoaded] = useState4(false);
-  useEffect(() => {
+  useEffect2(() => {
     const img = new Image();
-    const onImageLoaded = /* @__PURE__ */ __name(() => setImageLoaded(true), "onImageLoaded");
+    const onImageLoaded = () => setImageLoaded(true);
     img.addEventListener("load", onImageLoaded);
     img.src = xyo_color_logo_text_only_default;
     return () => {
       img.removeEventListener("load", onImageLoaded);
     };
   }, []);
-  return imageLoaded ? /* @__PURE__ */ React15.createElement(ButtonEx3, {
-    ...props,
-    target: props.target ?? "_blank",
-    variant: props.variant ?? "text",
-    sx: {
-      textDecoration: "none",
-      borderRadius: 0,
-      padding: 0,
-      ...props.sx
+  return imageLoaded ? /* @__PURE__ */ jsx15(
+    ButtonEx3,
+    {
+      ...props,
+      target: props.target ?? "_blank",
+      variant: props.variant ?? "text",
+      sx: {
+        textDecoration: "none",
+        borderRadius: 0,
+        padding: 0,
+        ...props.sx
+      },
+      children: /* @__PURE__ */ jsxs6(FlexCol5, { padding: 0.5, children: [
+        /* @__PURE__ */ jsx15(Typography, { style: { fontSize: logoTextSize ?? 10 }, fontSize: "small", children: "Powered by" }),
+        /* @__PURE__ */ jsxs6(FlexRow3, { children: [
+          /* @__PURE__ */ jsx15(XyoBusy, { busy }),
+          /* @__PURE__ */ jsx15("img", { src: xyo_color_logo_text_only_default, height: logoHeight ?? 24, width: 45 })
+        ] })
+      ] })
     }
-  }, /* @__PURE__ */ React15.createElement(FlexCol5, {
-    padding: 0.5
-  }, /* @__PURE__ */ React15.createElement(Typography, {
-    style: {
-      fontSize: logoTextSize ?? 10
-    },
-    fontSize: "small"
-  }, "Powered by"), /* @__PURE__ */ React15.createElement(FlexRow3, null, /* @__PURE__ */ React15.createElement(XyoBusy, {
-    busy
-  }), /* @__PURE__ */ React15.createElement("img", {
-    src: xyo_color_logo_text_only_default,
-    height: logoHeight ?? 24,
-    width: 45
-  })))) : null;
-}, "PoweredByXyoButton");
+  ) : null;
+};
 
 // src/components/PoweredByXyo.tsx
-var PoweredByXyo = /* @__PURE__ */ __name(({ autoStop, busy, buttonProps, debugDialog = false, disableAnimation = false, href = "https://xyo.network", logoHeight, logoTextSize, onButtonClick, node: propNode, ...props }) => {
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+var PoweredByXyo = ({
+  autoStop,
+  busy,
+  buttonProps,
+  debugDialog = false,
+  disableAnimation = false,
+  href = "https://xyo.network",
+  logoHeight,
+  logoTextSize,
+  onButtonClick,
+  node: propNode,
+  ...props
+}) => {
   const [node] = useProvidedNode2();
   const [debugDialogOpen, setDebugDialogOpen] = useState5(false);
-  const busyMap = useMemo(() => ({}), [
-    node
-  ]);
+  const busyMap = {};
   const activeBusy = busy ?? Object.values(busyMap).includes(true);
   const activeOnButtonClick = (debugDialog ? (event) => {
     if (event.shiftKey && event.altKey) {
@@ -422,77 +365,72 @@ var PoweredByXyo = /* @__PURE__ */ __name(({ autoStop, busy, buttonProps, debugD
     }
   } : void 0) ?? onButtonClick;
   const activeHref = activeOnButtonClick ? void 0 : href;
-  const onKeyDownEscListener = /* @__PURE__ */ __name((event) => {
+  const onKeyDownEscListener = (event) => {
     if (event.key === "Escape" && debugDialogOpen) {
       setDebugDialogOpen(false);
     }
-  }, "onKeyDownEscListener");
-  useAsyncEffect(async () => {
-    const activeNode = propNode ?? node;
-    if (disableAnimation) {
-      return;
-    } else if (activeNode) {
-      const mods = await activeNode?.resolve("*");
-      mods?.map((mod) => {
-        return mod.on("moduleBusy", ({ mod: mod2, busy: busy2 }) => {
-          busyMap[mod2.address] = busy2;
+  };
+  useAsyncEffect(
+    async () => {
+      const activeNode = propNode ?? node;
+      if (disableAnimation) {
+        return;
+      } else if (activeNode) {
+        const mods = await activeNode?.resolve("*");
+        mods?.map((mod) => {
+          return mod.on("moduleBusy", ({ mod: mod2, busy: busy2 }) => {
+            busyMap[mod2.address] = busy2;
+            if (autoStop) {
+              forget(
+                (async () => {
+                  await delay2(1e3);
+                  busyMap[mod2.address] = false;
+                })()
+              );
+            }
+          });
+        });
+        activeNode?.on("moduleBusy", ({ mod, busy: busy2 }) => {
+          busyMap[mod.address] = busy2;
           if (autoStop) {
-            forget((async () => {
-              await delay2(1e3);
-              busyMap[mod2.address] = false;
-            })());
+            forget(
+              (async () => {
+                await delay2(1e3);
+                busyMap[mod.address] = false;
+              })()
+            );
           }
         });
-      });
-      activeNode?.on("moduleBusy", ({ mod, busy: busy2 }) => {
-        busyMap[mod.address] = busy2;
-        if (autoStop) {
-          forget((async () => {
-            await delay2(1e3);
-            busyMap[mod.address] = false;
-          })());
-        }
-      });
-    }
-  }, [
-    disableAnimation,
-    propNode,
-    node,
-    busyMap,
-    autoStop
-  ]);
-  return /* @__PURE__ */ React16.createElement(FlexCol6, {
-    alignItems: "stretch",
-    position: "absolute",
-    bottom: "0",
-    left: "0",
-    ...props
-  }, /* @__PURE__ */ React16.createElement(Paper, {
-    sx: {
-      borderRadius: 0
-    }
-  }, activeHref ? /* @__PURE__ */ React16.createElement(PoweredByXyoButton, {
-    onClick: activeOnButtonClick,
-    href: activeHref,
-    busy: activeBusy,
-    logoHeight,
-    logoTextSize,
-    fullWidth: true,
-    ...buttonProps
-  }) : /* @__PURE__ */ React16.createElement(PoweredByXyoButton, {
-    onClick: activeOnButtonClick,
-    busy: activeBusy,
-    logoHeight,
-    logoTextSize,
-    fullWidth: true,
-    ...buttonProps
-  })), debugDialog && debugDialogOpen ? /* @__PURE__ */ React16.createElement(DebugDialog, {
-    fullScreen: true,
-    open: debugDialogOpen,
-    onClose: /* @__PURE__ */ __name(() => setDebugDialogOpen(false), "onClose"),
-    onKeyDown: onKeyDownEscListener
-  }) : null);
-}, "PoweredByXyo");
+      }
+    },
+    [disableAnimation, propNode, node, busyMap, autoStop]
+  );
+  return /* @__PURE__ */ jsxs7(FlexCol6, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [
+    /* @__PURE__ */ jsx16(Paper, { sx: { borderRadius: 0 }, children: activeHref ? /* @__PURE__ */ jsx16(
+      PoweredByXyoButton,
+      {
+        onClick: activeOnButtonClick,
+        href: activeHref,
+        busy: activeBusy,
+        logoHeight,
+        logoTextSize,
+        fullWidth: true,
+        ...buttonProps
+      }
+    ) : /* @__PURE__ */ jsx16(
+      PoweredByXyoButton,
+      {
+        onClick: activeOnButtonClick,
+        busy: activeBusy,
+        logoHeight,
+        logoTextSize,
+        fullWidth: true,
+        ...buttonProps
+      }
+    ) }),
+    debugDialog && debugDialogOpen ? /* @__PURE__ */ jsx16(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false), onKeyDown: onKeyDownEscListener }) : null
+  ] });
+};
 export {
   ArchivistSummary,
   BridgeSummary,